/* Дизайн-токены. Палитра и шрифт — из макета сайта (Golos Text, синий #4464ED); тема светлая по умолчанию,
   тёмная — по системной настройке, если пользователь не выбрал явно (cookie theme → <html data-theme="…">). */

@font-face {
  font-family: "Golos Text";
  src: url("../fonts/GolosText-cyrillic-var.2b8fbbb33a14.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Golos Text";
  src: url("../fonts/GolosText-latin-var.f57df9832ab8.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
  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+20BD, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-var.c2fa69ef7c02.woff") format("woff");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --bg: #F7F8FB;
  --page: #FFFFFF;
  --band: #F8F9FC;
  --surface: #FFFFFF;
  --surface-2: #F2F4F9;
  --line: #E9EBF1;
  --line-2: #D8DCE6;
  --ink: #202638;
  --ink-2: #4A5266;
  --ink-3: #646A7E;
  --accent: #4464ED;
  --accent-hover: #3656DC;
  --accent-text: #3656DC;
  --accent-soft: #EEF2FF;
  --accent-line: #DDE4FB;
  --doc: #4464ED;
  --doc-soft: #EEF2FE;
  --sheet: #1C7C5C;
  --sheet-soft: #EDF6F0;
  --ok: #2B7A55;
  --ok-soft: #E9F5EE;
  --warn: #8A5A00;
  --warn-soft: #FFF4DF;
  --warn-row: #FFFBF2;
  --danger: #B23B3B;
  --danger-soft: #FFEDED;
  --mute: #646A7E;
  --mute-soft: #F2F4F9;
  --side: #20283D;
  --side-ink: #B3BDD4;
  --side-ink-2: #8F9DBA;
  --side-active: #3C568F;
  --side-hover: #2B3650;
  --side-line: #354059;
  --inv-bg: #20283D;
  --inv-ink: #FFFFFF;
  --inv-ink-2: #B3BDD4;
  --test-banner-bg: #FFE58A;
  --test-banner-ink: #3D2E00;
  --shadow-card: 0 6px 15px rgba(37, 52, 90, .03);
  --shadow-ribbon: 0 15px 35px rgba(32, 55, 120, .08);
  --shadow-menu: 0 12px 32px -12px rgba(32, 40, 61, .28);

  --font: "Golos Text", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --radius-sheet: 6px;
  --radius-control: 7px;
  --radius-card: 12px;
  --radius-pill: 999px;
  --container: 1180px;
  --gutter: 30px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #151C2C;
    --page: #151C2C;
    --band: #192133;
    --surface: #1E283C;
    --surface-2: #192234;
    --line: #2B3549;
    --line-2: #3A4660;
    --ink: #E7EBF6;
    --ink-2: #BAC3D7;
    --ink-3: #97A3BB;
    --accent: #4A66DC;
    --accent-hover: #6380F0;
    --accent-text: #8FA3FF;
    --accent-soft: #273453;
    --accent-line: #34476F;
    --doc: #8197FF;
    --doc-soft: #273453;
    --sheet: #5CC79F;
    --sheet-soft: #253D39;
    --ok: #6CD3A2;
    --ok-soft: #1D3A30;
    --warn: #E9C27A;
    --warn-soft: #3B3425;
    --warn-row: #221F18;
    --danger: #FF9A9A;
    --danger-soft: #3D2328;
    --mute: #BAC3D7;
    --mute-soft: #192234;
    --side: #10172A;
    --side-active: #34497A;
    --side-hover: #1C2640;
    --side-line: #263048;
    --inv-bg: #202E4B;
    --inv-ink: #FFFFFF;
    --inv-ink-2: #BAC3D7;
    --shadow-card: none;
    --shadow-ribbon: 0 24px 48px -24px rgba(0, 0, 0, .6);
    --shadow-menu: 0 12px 32px -12px rgba(0, 0, 0, .7);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #151C2C;
  --page: #151C2C;
  --band: #192133;
  --surface: #1E283C;
  --surface-2: #192234;
  --line: #2B3549;
  --line-2: #3A4660;
  --ink: #E7EBF6;
  --ink-2: #BAC3D7;
  --ink-3: #97A3BB;
  --accent: #4A66DC;
  --accent-hover: #6380F0;
  --accent-text: #8FA3FF;
  --accent-soft: #273453;
  --accent-line: #34476F;
  --doc: #8197FF;
  --doc-soft: #273453;
  --sheet: #5CC79F;
  --sheet-soft: #253D39;
  --ok: #6CD3A2;
  --ok-soft: #1D3A30;
  --warn: #E9C27A;
  --warn-soft: #3B3425;
  --warn-row: #221F18;
  --danger: #FF9A9A;
  --danger-soft: #3D2328;
  --mute: #BAC3D7;
  --mute-soft: #192234;
  --side: #10172A;
  --side-active: #34497A;
  --side-hover: #1C2640;
  --side-line: #263048;
  --inv-bg: #202E4B;
  --inv-ink: #FFFFFF;
  --inv-ink-2: #BAC3D7;
  --shadow-card: none;
  --shadow-ribbon: 0 24px 48px -24px rgba(0, 0, 0, .6);
  --shadow-menu: 0 12px 32px -12px rgba(0, 0, 0, .7);
}