/* Токены Киноскопа — извлечены из handoff-бандла Claude Design,
   направление 1b «инструментальное» (экраны 2a–2g, мобильные 3a–3c, светлая 3d–3e).

   Цвета в oklch ровно как в макете: пересчёт в hex терял бы оттенки,
   а браузеры oklch давно понимают.

   Тема: тёмная — основная (макет рисовался в ней), светлая — из экранов 3d–3e.
   Три состояния по правилам площадки: bare :root — светлая,
   prefers-color-scheme — тёмная, [data-theme] — явный выбор пользователя. */

:root {
  /* ── поверхности ── */
  --bg:            oklch(97.5% 0.004 240);
  --surface:       oklch(100% 0 0);
  --surface-2:     oklch(94% 0.006 240);
  --border:        oklch(87% 0.008 240);
  --border-strong: oklch(80% 0.01 240);

  /* ── текст ── */
  --text:          oklch(21% 0.015 250);
  --text-2:        oklch(45% 0.012 240);
  --text-3:        oklch(57% 0.01 240);
  --text-faint:    oklch(70% 0.025 235);

  /* ── акцент ── */
  --accent:        oklch(49% 0.095 205);
  --accent-dim:    oklch(70% 0.025 235);
  --on-accent:     oklch(100% 0 0);

  /* ── типографика ──
     Golos Text — интерфейс, Spectral — крупные утверждения,
     IBM Plex Mono — числа, подписи, всё табличное (в макете это главный шрифт). */
  --font-ui:    'Golos Text', system-ui, -apple-system, sans-serif;
  --font-serif: 'Spectral', Georgia, serif;
  --font-mono:  'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* шкала кегля из макета */
  --fs-9:   9.5px;  --fs-10: 10px;   --fs-11: 11px;   --fs-12: 12px;
  --fs-13: 13px;    --fs-14: 14px;   --fs-15: 15px;   --fs-18: 18px;
  --fs-22: 22px;    --fs-28: 28px;   --fs-40: 40px;

  /* трекинг: крупные моно-подписи в макете разрежены сильно */
  --track-label: .14em;   /* ОЦЕНОК, СРЕДНЯЯ, РАСХОЖДЕНИЯ… */
  --track-wide:  .2em;
  --track-tight: .01em;

  /* ── геометрия ── */
  --r-2: 2px; --r-3: 3px; --r-4: 4px; --r-6: 6px; --r-8: 8px; --r-pill: 20px;
  --gap-1: 4px;  --gap-2: 8px;  --gap-3: 12px; --gap-4: 16px;
  --gap-5: 20px; --gap-6: 24px; --gap-8: 32px; --gap-10: 40px;

  /* семантика отклонения — намеренно НЕ цветом (см. SPEC §11.3 п.3):
     знак несут стрелка и слово, цвет остаётся один */
  --delta-mark: var(--accent);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:            oklch(15% 0.012 250);
    --surface:       oklch(22% 0.014 245);
    --surface-2:     oklch(24% 0.014 245);
    --border:        oklch(26% 0.014 245);
    --border-strong: oklch(34% 0.016 240);

    --text:          oklch(94% 0.006 240);
    --text-2:        oklch(66% 0.012 235);
    --text-3:        oklch(55% 0.012 235);
    --text-faint:    oklch(45% 0.02 235);

    --accent:        oklch(79% 0.1 195);
    --accent-dim:    oklch(46% 0.045 215);
    --on-accent:     oklch(15% 0.012 250);
  }
}

:root[data-theme="dark"] {
  --bg:            oklch(15% 0.012 250);
  --surface:       oklch(22% 0.014 245);
  --surface-2:     oklch(24% 0.014 245);
  --border:        oklch(26% 0.014 245);
  --border-strong: oklch(34% 0.016 240);

  --text:          oklch(94% 0.006 240);
  --text-2:        oklch(66% 0.012 235);
  --text-3:        oklch(55% 0.012 235);
  --text-faint:    oklch(45% 0.02 235);

  --accent:        oklch(79% 0.1 195);
  --accent-dim:    oklch(46% 0.045 215);
  --on-accent:     oklch(15% 0.012 250);
}