/* ============================================================
   theme-tokens.css — единая палитра сайта для всех страниц.
   Светлая тема по умолчанию (Paper/Ink/Forest), тёмная — html[data-theme="dark"] (Ink/Paper/Mint).
   Специфичность html:root перекрывает старые inline :root-блоки страниц. Управление: assets/theme-init.js
   Источник: Claude Design 16.09.2026, утверждён Тимом.
   ============================================================ */
html:root {
  --paper: #f5f5f2; --ink: #0c0e0c; --forest: #2a7048; --mint: #5dd6a3; --signal: #ff4d1f;
  --bg: #f5f5f2; --bg-deep: #ecece8; --bg-paper: #ffffff; --bg-ink: #0c0e0c; --bg-mint: #dff2e8;
  --fg: #0c0e0c; --fg-soft: #3a3f3a; --fg-mute: #4a4f4a; --fg-mute-2: #6a6f6a;
  --hair: rgba(12, 14, 12, 0.14); --hair-soft: rgba(12, 14, 12, 0.08);
  --green: #2a7048; --green-deep: #1f5636; --green-soft: #dff2e8;
  --tan: #4a4f4a; --tan-deep: #d9d9d4; --red: #d9401a;
  color-scheme: light;
}
html:root[data-theme="dark"] {
  --bg: #0c0e0c; --bg-deep: #161816; --bg-paper: #121412; --bg-ink: #000000; --bg-mint: #133327;
  --fg: #f5f5f2; --fg-soft: #c9ccc9; --fg-mute: #a9ada9; --fg-mute-2: #7a7f7a;
  --hair: rgba(245, 245, 242, 0.14); --hair-soft: rgba(245, 245, 242, 0.08);
  --green: #5dd6a3; --green-deep: #2e9a6c; --green-soft: #1c2a23;
  --tan: #a9ada9; --tan-deep: #2a2e2a; --red: #ff6a4a;
  color-scheme: dark;
}
html:root, html:root body { background: var(--bg); color: var(--fg); }