/* Дизайн-токены: цвета, типографика, отступы.
   Тема переключается автоматически по системной настройке. */

:root {
  /* Цвета — светлая тема */
  --bg: #f6f6f4;
  --bg-glow: #e3e6ff;
  --fg: #16161a;
  --muted: #6b6b76;
  --line: rgba(22, 22, 26, .12);
  --accent: #4b4bd6;

  /* Типографика */
  --font-sans: 'Inter var', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --step-0: clamp(1rem, 2.6vw, 1.15rem);
  --step-1: clamp(1.25rem, 3.4vw, 1.6rem);
  --step-3: clamp(2.2rem, 8vw, 4rem);

  /* Ритм */
  --space-xs: .5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.5rem;
  --measure: 34rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d0d10;
    --bg-glow: #1b1d33;
    --fg: #f2f2f5;
    --muted: #9a9aa6;
    --line: rgba(242, 242, 245, .14);
    --accent: #9c9cff;
  }
}