/* ─────────────────────────────────────────────────────────────────────────
   ТОКЕНЫ OX · Obsidian + X-ray + Microscopic
   Единственный источник значений. styles.css читает отсюда, свои копии не держит.
   Контраст посчитан 2026-10-15 (~/.claude/skills/stas-design/scripts/контраст.py).
   Палитра — значения интерфейса; знак OX они не перекрашивают.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  /* поверхности */
  --ox-bg: #090a1f; /* тёмный космос (был чёрный #07080b) */
  --ox-surface: #101218;
  --ox-surface-2: #16181f;

  /* текст: на bg / surface / surface-2 */
  --ox-ink: #fff4ea; /* тёплый белый: на частицах читается лучше холодного #f2f0ec */
  --ox-ink-2: #e2dbd5; /* второй текст: заметно светлее прежнего #b2b5bf */
  --ox-ink-3: #b9b2ae; /* метки и подписи: были #8e929c и на частицах тонули */

  /* линии: только декор, текстом нельзя (1.46:1) */
  --ox-line: #2a2d36;
  --ox-hair: #1c1f27;
  --ox-line-ui: #6c707b; /* граница интерактивных элементов: 3.9 на фоне, WCAG 1.4.11 */

  /* два света: красный — состояние «внутри», фиолетовый — состояние «вовне» */
  --ox-red: #e15358; /* 5.3 на bg — текст, кромки, поток; пик красного на логотипе */
  --ox-red-solid: #b3202c; /* заливка под белый текст, 6.65 */
  --ox-violet: #9432dd; /* 3.6 — линии и крупный текст от 24px, мелким нельзя; пик фиолетового на логотипе */
  --ox-violet-text: #b36ef0; /* 5.7 — фиолетовые подписи */
  --ox-on-accent: #ffffff;
  --ox-focus: #f2f0ec;

  /* палитра «обсидиан» — снята с утверждённых референсов 15.10.2026
     (logo v4, poster, social v4; замер по пикселям). Только декор: свет, грани, швы. */
  --ox-stone: #090607; /* камень: тёплый чёрный, не синеватый */
  --ox-fuchsia: #d238e5; /* кончик клинка */
  --ox-rose: #d2306e; /* переход фуксия → красный */
  --ox-crimson: #b3202c; /* кромка граней, жилы */
  --ox-ember: #d4552a; /* угольные искры постера */
  --ox-bronze: #b28662; /* бронза надписи в постере */

  /* шрифты */
  --ox-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ox-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* типографическая шкала, fluid 375→1440 */
  --t-display: clamp(2.25rem, 1.55rem + 3.3vw, 4.2rem);
  --t-h2: clamp(1.9rem, 1.45rem + 2vw, 3.2rem);
  --t-h3: clamp(1.3rem, 1.15rem + 0.7vw, 1.8rem);
  --t-lede: clamp(1.05rem, 0.98rem + 0.3vw, 1.2rem);
  --t-body: clamp(0.95rem, 0.9rem + 0.25vw, 1.06rem);
  --t-small: clamp(0.82rem, 0.78rem + 0.18vw, 0.9rem);
  --t-tag: 0.72rem; /* метки не мельче 11.5px */

  /* отступы, шаг 8 */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --sec: clamp(4.5rem, 3rem + 6vw, 9rem);
  --gut: clamp(1.1rem, 0.7rem + 2vw, 2.6rem);
  --wrap: 1320px;

  /* геометрия: радиусов нет, единственная сигнатура — срез угла */
  --bw: 1px; /* граница */
  --bw-focus: 2px;
  --cut: 9px; /* срез кнопки */
  --cut-panel: 14px; /* срез панели */

  /* движение: одна кривая, четыре длительности */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --d-1: 180ms; /* цвет, граница */
  --d-2: 360ms; /* срез, геометрия */
  --d-3: 800ms; /* проявление блоков */
  --d-4: 1200ms; /* потоки в схемах */
}