/* Токены дизайн-системы «Книги дат». Единственный источник значений темы.
   Соответствует design/design-system.md (§1 палитра, §2 шрифты, §3 геометрия).
   Компоненты (components.css) читают ТОЛЬКО эти переменные — не правим руками по
   файлам компонентов. Значения берём отсюда, не «на глаз». */
:root{
  /* §1 Палитра: один тёмный фон, три навы-поверхности, один акцент */
  --paper:#0a0f20;          /* фон страницы */
  --surface:#151f3c;        /* поверхность карточек / плашек */
  --surface-hi:#1c2a4e;     /* подсветка / градиентный акцент поверхности */
  --list-hi:#2a3c6e;        /* подсветка пункта списка */
  --ink:#e9edf9;            /* текст основной */
  --ink-muted:#aab4d2;      /* текст приглушённый */
  --ink-dim:#5b678a;        /* текст неактивный */

  /* Акцент — ОДИН, но меняется по стихии дня (§7). Здесь fallback: день-якорь
     2026-06-15 = 庚 металл ян = Фиолетовый. Скрипт в base.html перекрывает на лету. */
  --accent:#6f63b2;
  --accent-deep:#aaa0d0;

  /* Линии — не цвет, а полупрозрачность поверх фона */
  --glass-edge:rgba(255,255,255,.10);   /* кант стекла */
  --line:rgba(176,190,232,.16);          /* разделители / границы */

  /* §2 Шрифты: один серифный голос + моно только для цифр/кода. Третьего нет. */
  --serif:"Merriweather", Georgia, "Times New Roman", serif;
  --mono:ui-monospace, "Cascadia Code", Consolas, monospace;

  /* §3 Геометрия: только эти радиусы */
  --radius-control:14px;    /* кнопки и поля */
  --radius-card:18px;       /* карточки, плашки, диалог */
  --radius-round:50%;       /* круглые */

  /* Шаг отступов — сетка 8px, допустимые кратные */
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:40px;
  --space-6:64px;

  --blur:14px;              /* размытие стекла — одно значение на весь сайт */

  --shadow-card:0 14px 30px -14px rgba(18,26,50,.45);
  --field-bg:rgba(10,16,38,.6);

  /* Статусные тона — это ФУНКЦИЯ (ошибка/успех), не акцент, в палитру не входят */
  --danger:#cf94a2;
  --ok:#6da587;
}

/* ============================================================
   ДНЕВНОЙ РЕЖИМ (data-theme="day") — светлая палитра.
   Основа: голубые оттенки, белый и серый. Тёмные поверхности
   меняем на белое стекло, чернила — на тёмный navy. Акцент по
   стихии дня (§7) НЕ трогаем: его на лету ставит скрипт в base.html.
   Компоненты (components.css) читают эти переменные — поэтому смена
   токенов перекрашивает витрину целиком; точечные доводки хардкод-
   стекла — в components.css, блок [data-theme="day"].
   ============================================================ */
:root[data-theme="day"]{
  --paper:#eaf1fa;          /* фон страницы */
  --surface:#ffffff;        /* поверхность карточек / плашек */
  --surface-hi:#e6eef8;     /* подсветка поверхности */
  --list-hi:#d6e3f3;        /* подсветка пункта списка */
  --ink:#1d294a;            /* текст основной — тёмный navy */
  --ink-muted:#56638a;      /* текст приглушённый — серо-голубой */
  --ink-dim:#8a95b6;        /* текст неактивный */

  --glass-edge:rgba(40,64,120,.12);
  --line:rgba(40,64,120,.16);

  --shadow-card:0 14px 30px -14px rgba(40,64,120,.22);
  --field-bg:rgba(255,255,255,.82);
}