/*
 * tokens.css
 *
 * Палитра «Хроника» - финальная палитра сайта «Должна:».
 * Выбрана и одобрена 2026-06-11 после серии итераций.
 * Температура выровнена в Фазе 5 плана визуала (2026-08-07): --text и --ink
 * переведены из холодной синей группы в тёплую, ту же, что у HomeHero.
 * Контраст на --bg проверен WCAG-скриптом, числа - в отчёте фазы.
 *
 * Источник истины для цветов. Любой компонент берёт цвет
 * через var(--*) - не хардкодит hex.
 */

:root {
  --bg: #FAF8F3;
  --text: #2A231C;
  --muted: #655C50;
  --accent: #2E3FA0;
  --accent-warm: #6E2A22;
  --border: rgba(26, 31, 46, 0.10);
  --surface: rgba(26, 31, 46, 0.04);
  --ink: #120F0C;

  /* Тёплая тёмная группа (Фаза 5) - те же значения, что были хардкожены
     в HomeHero.astro (герой главной, 2026-06-25). Источник истины теперь
     здесь: --warm-700/800/900 - три ступени градиента героя (верх/середина/
     низ), --warm-100/50 - светлый текст на этом градиенте (базовый цвет
     секции и лид). --text = --warm-700, --ink = --warm-900 - новые токены
     подобраны из того же семейства, а не независимо. */
  --warm-900: #120F0C;
  --warm-800: #1C1814;
  --warm-700: #2A231C;
  --warm-100: #f0e9dd;
  --warm-50: #f9e9c8;

  /* Зерно (Фаза 4 плана визуала, 2026-08-07) - halftone-точки CSS-градиентом,
     без внешних файлов. Числа --grain-dark взяты без изменений из
     HomeHero.astro, где приём появился первым (2026-06-25, комментарий
     там же). Применять фоновым слоем поверх заливки, тем же паттерном
     "center / 4px 4px repeat", что и в HomeHero.

     --grain-dark - светлые точки с малой альфой для тёмных поверхностей:
     сам HomeHero и тёмная плашка карточки надрыва (NadryvCard, заливка
     var(--text)).

     --grain-light - тёмные точки с малой альфой для светлых поверхностей:
     .section-hero (article.css, заливка var(--surface)). Альфа 0.03 была
     неразличима на кадре /sections/znat/ - подобрано заново шагами по
     кадрам (Фаза 4 плана визуала), фактура уверенно читается с 0.07,
     на 0.09 уже плотнее, но ещё не рябь. Значение поднято и применено
     в Фазе 5. */
  --grain-dark: radial-gradient(rgba(240, 233, 217, 0.07) 1px, transparent 1.6px);
  --grain-light: radial-gradient(rgba(26, 31, 46, 0.07) 1px, transparent 1.6px);
}