/* «Восемь Тактов» — токены.
 *
 * Стиль по базе ui-ux-pro-max: [66] Editorial Grid / Magazine — каркас,
 * [78] Bold Typography (broadsheet) — типографика и вермилион,
 * [74] Kinetic Brutalism — нулевые радиусы, 2px-линии, маркиз-тикер.
 * Сознательно НЕ используются [7] Dark Mode OLED и [10] Aurora UI:
 * тёмный фон плюс радиальное свечение плюс скруглённые карточки
 * читаются как шаблон.
 *
 * Правило: ни одного цвета и ни одного font-family вне этого файла.
 */

:root {
  color-scheme: light;

  /* — Бумага и краска. Газетный разворот, а не белый экран. — */
  --paper:        oklch(95.5% 0.012 86);   /* тёплая газетная бумага */
  --paper-sunk:   oklch(92.5% 0.016 86);   /* подложка врезок */
  --paper-deep:   oklch(89% 0.018 86);     /* вторая ступень */
  --ink:          oklch(19% 0.014 62);     /* краска, не #000 */
  --ink-soft:     oklch(38% 0.014 62);
  --ink-faint:    oklch(54% 0.012 66);

  /* — Линейки вместо рамок карточек. — */
  --rule:         oklch(74% 0.014 80);
  --rule-strong:  oklch(30% 0.014 62);
  --rule-hair:    1px;
  --rule-bold:    2px;
  --rule-heavy:   4px;

  /* — Единственный акцент: вермилион. Только на действии. — */
  --accent:       oklch(54% 0.205 32);
  --accent-ink:   oklch(97% 0.010 86);
  --accent-wash:  oklch(54% 0.205 32 / 0.10);
  --focus:        oklch(48% 0.210 32);

  /* — Набор: узкий гротеск в заголовки, газетная антиква в текст,
        моно в служебные подписи и цифры. — */
  --font-display: 'Oswald', 'PT Sans Narrow', 'Arial Narrow', sans-serif;
  --font-body:    'PT Serif', 'Times New Roman', Georgia, serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'Cascadia Mono', monospace;

  /* — Кегли. Заголовок к тексту — около 5:1, как требует broadsheet. — */
  --t-2xs:   0.6875rem;
  --t-xs:    0.8125rem;
  --t-sm:    0.9375rem;
  --t-base:  1.0625rem;
  --t-md:    1.25rem;
  --t-lg:    1.5rem;
  --t-xl:    2rem;
  --t-2xl:   2.75rem;
  --t-3xl:   3.75rem;
  --t-huge:  clamp(2.5rem, 8vw, 6.5rem);
  --t-mast:  clamp(1.5rem, 6.4vw, 5rem);

  /* — Ритм. Шаг 4 pt, вертикальные разрывы крупные. — */
  --s-2xs:  0.25rem;
  --s-xs:   0.5rem;
  --s-sm:   0.75rem;
  --s-md:   1rem;
  --s-lg:   1.5rem;
  --s-xl:   2.25rem;
  --s-2xl:  3.5rem;
  --s-3xl:  5rem;
  --s-4xl:  7.5rem;

  /* — Ноль скруглений и ноль теней — часть стиля, а не упущение. — */
  --radius: 0;

  --z-base:   1;
  --z-raised: 10;
  --z-nav:    20;
  --z-bar:    30;
  --z-sheet:  40;
  --z-top:    50;

  /* — Движение: 200 мс, без пружин. — */
  --ease-out:    cubic-bezier(0.25, 0, 0, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --dur-tap:     100ms;
  --dur-move:    200ms;
  --dur-slow:    360ms;
  --marquee:     46s;

  /* — Ширины: газетная колонка 62–68 знаков. — */
  --measure:   34rem;
  --w-page:    78rem;
  --w-text:    46rem;
  --col-gap:   2.25rem;
}

/* Ночной разворот: чёрная типографская краска, не «тёмная тема SaaS».
   Вермилион светлеет ровно настолько, чтобы держать контраст. */
[data-theme='night'] {
  color-scheme: dark;

  --paper:        oklch(16% 0.010 62);
  --paper-sunk:   oklch(20.5% 0.012 62);
  --paper-deep:   oklch(25% 0.013 62);
  --ink:          oklch(93% 0.010 86);
  --ink-soft:     oklch(74% 0.012 82);
  --ink-faint:    oklch(58% 0.012 70);

  --rule:         oklch(34% 0.012 66);
  --rule-strong:  oklch(72% 0.012 82);

  --accent:       oklch(70% 0.180 40);
  --accent-ink:   oklch(15% 0.020 40);
  --accent-wash:  oklch(70% 0.180 40 / 0.14);
  --focus:        oklch(76% 0.180 45);
}