/**
 * Печатная афиша: бумага, типографская краска, один сигнальный акцент.
 * Светлая тема основная, тёмная — полноценная альтернатива.
 */
:root {
  color-scheme: light dark;

  --paper: oklch(95.5% 0.011 85);
  --paper-2: oklch(92% 0.014 85);
  --paper-3: oklch(88% 0.017 85);
  --ink: oklch(17% 0.012 60);
  --ink-2: oklch(38% 0.012 60);
  --ink-3: oklch(50% 0.012 60); /* 50% — минимум для 4.5:1 на бумаге */

  --signal: oklch(53% 0.22 28);
  --signal-ink: oklch(97% 0.01 85);

  --rule: oklch(17% 0.012 60 / 0.16);
  --rule-strong: oklch(17% 0.012 60 / 0.55);

  /* Типографика: сверхширокий гротеск для заголовков, нейтральный для текста */
  --font-display: "Unbounded", "Oswald", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "Inter", ui-monospace, monospace;

  --text-xs: 0.6875rem;
  --text-sm: 0.8125rem;
  --text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1rem + 0.6vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem);
  --text-2xl: clamp(2.25rem, 1.4rem + 3.4vw, 4.75rem);
  --text-mega: clamp(3rem, 0.5rem + 12vw, 11rem);

  --track-tight: -0.035em;
  --track-wide: 0.2em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-section: clamp(3.5rem, 2.5rem + 5vw, 8rem);

  --gutter: clamp(1rem, 0.4rem + 2.6vw, 3.5rem);
  --max: 1560px;
  --measure: 66ch;

  --duration-fast: 140ms;
  --duration: 380ms;
  --duration-slow: 800ms;
  --ease: cubic-bezier(0.22, 0.68, 0.32, 1);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: oklch(15% 0.012 60);
    --paper-2: oklch(19% 0.013 60);
    --paper-3: oklch(24% 0.014 60);
    --ink: oklch(95% 0.008 85);
    --ink-2: oklch(76% 0.01 85);
    --ink-3: oklch(62% 0.011 85);
    --signal: oklch(62% 0.21 30);
    --signal-ink: oklch(13% 0.012 60);
    --rule: oklch(95% 0.008 85 / 0.18);
    --rule-strong: oklch(95% 0.008 85 / 0.5);
  }
}

/* Переключатель темы в шапке перебивает системную настройку */
:root[data-theme="dark"] {
  --paper: oklch(15% 0.012 60);
  --paper-2: oklch(19% 0.013 60);
  --paper-3: oklch(24% 0.014 60);
  --ink: oklch(95% 0.008 85);
  --ink-2: oklch(76% 0.01 85);
  --ink-3: oklch(62% 0.011 85);
  --signal: oklch(62% 0.21 30);
  --signal-ink: oklch(13% 0.012 60);
  --rule: oklch(95% 0.008 85 / 0.18);
  --rule-strong: oklch(95% 0.008 85 / 0.5);
}

:root[data-theme="light"] {
  --paper: oklch(95.5% 0.011 85);
  --paper-2: oklch(92% 0.014 85);
  --paper-3: oklch(88% 0.017 85);
  --ink: oklch(17% 0.012 60);
  --ink-2: oklch(38% 0.012 60);
  --ink-3: oklch(50% 0.012 60); /* 50% — минимум для 4.5:1 на бумаге */
  --signal: oklch(53% 0.22 28);
  --signal-ink: oklch(97% 0.01 85);
  --rule: oklch(17% 0.012 60 / 0.16);
  --rule-strong: oklch(17% 0.012 60 / 0.55);
}