/* v9 — единственный файл токенов: цвета, отступы, шрифты, радиусы. Всё остальное берёт значения отсюда. */
:root {
  --bg: #f6f7f9; --surface: #ffffff; --surface-2: #f0f2f5; --line: #e3e6eb;
  --text: #16191f; --text-2: #4a5160; --text-3: #5d6575;
  --accent: #2f5bea; --accent-ink: #ffffff; --accent-soft: #e8eeff;
  --ok: #11693d; --ok-soft: #e3f5ec;
  --warn: #9a5b00; --warn-soft: #fff1d6;
  --bad: #b3261e; --bad-soft: #fde9e7;
  --info: #2f5bea; --info-soft: #e8eeff;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 72px;
  --r-1: 8px; --r-2: 14px; --r-3: 22px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-s: 13px; --fs-m: 15px; --fs-l: 18px; --fs-xl: 24px; --fs-hero: 40px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 6px 20px rgba(16, 24, 40, .05);
  --focus: 0 0 0 3px rgba(47, 91, 234, .35);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1218; --surface: #171b23; --surface-2: #1e232d; --line: #2a303c;
    --text: #eef0f4; --text-2: #b4bbc9; --text-3: #8d96a8;
    --accent: #7c9bff; --accent-ink: #0b1020; --accent-soft: #1d2744;
    --ok: #55d08d; --ok-soft: #12301f; --warn: #f0b24a; --warn-soft: #352809; --bad: #ff8a80; --bad-soft: #3a1714;
    --info: #7c9bff; --info-soft: #1d2744; --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
  }
}
:root[data-theme="dark"] {
  --bg: #0f1218; --surface: #171b23; --surface-2: #1e232d; --line: #2a303c;
  --text: #eef0f4; --text-2: #b4bbc9; --text-3: #8d96a8;
  --accent: #7c9bff; --accent-ink: #0b1020; --accent-soft: #1d2744;
  --ok: #55d08d; --ok-soft: #12301f; --warn: #f0b24a; --warn-soft: #352809; --bad: #ff8a80; --bad-soft: #3a1714;
  --info: #7c9bff; --info-soft: #1d2744; --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
}