@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('../assets/fonts/golos-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('../assets/fonts/golos-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url('../assets/fonts/golos-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
:root{
/* нейтральные */
--white:#F7F7F7; /* лист — фон светлого режима */
--mist:#E7E9D9; /* фоновая геометрия, подложки */
--ink:#141414; /* текст, плашки, фон тёмного режима */
--loss:#8A8A8A; /* поражения, вторичные подписи */
/* зелёный = мяч: тональная тройка */
--ball-light:#D2E25C; /* свет на мяче, блики */
--ball:#CCDD50; /* основной: цифры на ink, галочки, линия графика */
--ball-shade:#939E4E; /* тень мяча, приглушённые элементы */
/* чипы покрытия — только бейджи */
--hard:#2E6BE6; --clay:#C9622F; --grass:#3F8F3F;
/* семантика — светлый режим */
--bg-page:var(--white); --bg-geometry:var(--mist);
--text-body:var(--ink); --text-secondary:var(--loss); --text-inverse:var(--white);
--plaque:var(--ink); --plaque-border:transparent; --text-on-plaque:var(--white);
--accent:var(--ball); --money:var(--ball); --win:var(--ball); --defeat:var(--loss);
--divider:rgba(20,20,20,0.15); --grid-line:rgba(20,20,20,0.15);
--chart-line:var(--ball); --chart-fill:rgba(204,221,80,0.15);
}
[data-mode="dark"]{
--bg-page:var(--ink); --bg-geometry:rgba(247,247,247,0.05);
--text-body:var(--white); --text-secondary:var(--loss);
--plaque:var(--ink); --plaque-border:rgba(247,247,247,0.15);
--divider:rgba(247,247,247,0.15); --grid-line:rgba(247,247,247,0.15);
}
:root{
/* одна семья на всю систему: golos text (полная кириллица, веса до black) */
--font-text:'Golos Text','Inter Tight','Onest',system-ui,sans-serif;
/* шкала холста 1080×1080 */
--headline-xl:128px; --headline:96px; --headline-sm:88px;
--subhead:44px; --label:24px; --fine:15px;
--leading-headline:0.95; --tracking-label:0.08em;
--w-black:900; /* @kind font */
--w-bold:700; /* @kind font */
--w-text:400; /* @kind font */
}
:root{
/* холсты: воздух — часть стиля */
--canvas-post:1080px; --margin-post:80px;
--canvas-info-w:2160px; --canvas-info-h:1440px; --margin-info:96px;
/* углы: внешние края листа прямые, плашки 16 или пилюля */
--radius-outer:0; --radius-card:16px; --radius-pill:999px;
/* линии */
--chart-line-w:5px;
/* шаг */
--space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:40px; --space-8:56px; --space-9:80px;
}
body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-text)}
a{color:var(--text-body);text-decoration-color:var(--ball-shade);text-decoration-thickness:2px}
a:hover{color:var(--ball-shade)}
.num{font-variant-numeric:tabular-nums lining-nums;font-style:normal}