/* tokens.css — ядро дизайн-системы монорепо «одна кухня — разные рестораны».
 * Три слоя:
 *   1) ПРИМИТИВЫ  — сырьё: палитра/шрифты/радиусы (--mm-c-*, --mm-font-*…). Никаких смыслов.
 *   2) СЕМАНТИКА   — роли: var(--mm-text|bg|accent|…). Компоненты используют ТОЛЬКО их.
 *   3) АЛИАСЫ      — старые имена (--ink, --yellow, --f-disp…) → семантика. Совместимость со styles.css.
 *
 * Бренд-тема (brands.css) переопределяет ~12 СЕМАНТИЧЕСКИХ токенов под [data-brand="…"].
 * Значения слоёв 1+2 настроены 1:1 под текущий вид Maximus — визуальной регрессии нет. */
:root {

  /* ─────────────────────────── 1. ПРИМИТИВЫ (сырьё) ─────────────────────────── */
  /* — палитра — */
  --mm-c-ink:#141414;
  --mm-c-graph:#3C3C3C;
  --mm-c-slate-700:#4A4E55;
  --mm-c-slate-500:#656972;  /* было #71757D — затемнено до WCAG AA (4.5:1 на светлых фонах), правка по аудиту Impeccable 01.07 */
  --mm-c-white:#FFFFFF;
  --mm-c-bg-2:#F4F6F8;
  --mm-c-bg-3:#EAEDF1;
  --mm-c-line:#DDE2E8;
  --mm-c-line-strong:#C7CDD5;
  --mm-c-grid:#D2D8E0;
  --mm-c-yellow:#FFD600;
  --mm-c-yellow-deep:#E6C000;
  --mm-c-yellow-soft:#FFF6CC;
  --mm-c-orange:#FF8A00;
  --mm-c-orange-soft:#FFE9D1;
  --mm-c-amber-soft:#FFB14D;
  --mm-c-blue:#2563D8;
  --mm-c-green:#2E9E5B;
  --mm-c-green-soft:#E4F3EB;
  --mm-c-red:#D8362F;
  --mm-c-red-soft:#FBE9E8;
  --mm-c-warn:#E08A0E;
  --mm-c-warn-soft:#FBF0DC;
  --mm-c-info-soft:#E7EFFC;

  /* — шрифты (raw families) — */
  --mm-font-inter:'Inter', system-ui, sans-serif;
  --mm-font-unbounded:'Unbounded', system-ui, sans-serif;
  --mm-font-bebas:'Bebas Neue', sans-serif;
  --mm-font-jetbrains:'JetBrains Mono', monospace;
  --mm-font-oxanium:'Oxanium', sans-serif;

  /* — радиусы / границы / тени / движение — */
  --mm-r-sm:6px;
  --mm-r-md:10px;
  --mm-r-lg:14px;
  --mm-bw-hair:1px;
  --mm-bw-strong:1.5px;
  --mm-sh-md:0 4px 16px rgba(20,30,50,.07), 0 2px 6px rgba(20,30,50,.04);
  --mm-ease:cubic-bezier(.2,.7,.2,1);
  --mm-t-fast:120ms;
  --mm-t:170ms;
  --mm-t-slow:420ms;

  /* ─────────────────────────── 2. СЕМАНТИКА (роли) ──────────────────────────── */
  /* Эти токены — единственное, что трогают компоненты. Их же переопределяет бренд-тема. */
  --mm-text:var(--mm-c-ink);
  --mm-text-2:var(--mm-c-slate-700);
  --mm-text-3:var(--mm-c-slate-500);
  --mm-bg:var(--mm-c-white);
  --mm-bg-2:var(--mm-c-bg-2);
  --mm-bg-3:var(--mm-c-bg-3);
  --mm-surface:var(--mm-c-white);
  --mm-line:var(--mm-c-line);
  --mm-line-strong:var(--mm-c-line-strong);
  --mm-grid:var(--mm-c-grid);
  --mm-accent:var(--mm-c-yellow);
  --mm-accent-deep:var(--mm-c-yellow-deep);
  --mm-accent-soft:var(--mm-c-yellow-soft);
  --mm-on-accent:var(--mm-c-ink);
  --mm-link:var(--mm-c-blue);
  --mm-ok:var(--mm-c-green);
  --mm-bad:var(--mm-c-red);
  --mm-warn:var(--mm-c-warn);
  --mm-font-display:var(--mm-font-unbounded);
  --mm-font-ui:var(--mm-font-inter);
  --mm-font-mono:var(--mm-font-jetbrains);
  --mm-font-mega:var(--mm-font-bebas);
  --mm-font-num:var(--mm-font-oxanium);

  /* ─────────────── 3. АЛИАСЫ (старые имена → семантика/примитивы) ─────────────── */
  /* Чтобы 83KB styles.css работали без переписывания. Бренд-свитч идёт через --mm-* выше. */
  --ink:var(--mm-text);
  --graph:var(--mm-c-graph);
  --t1:var(--mm-text);
  --t2:var(--mm-text-2);
  --t3:var(--mm-text-3);
  --bg:var(--mm-bg);
  --bg-2:var(--mm-bg-2);
  --bg-3:var(--mm-bg-3);
  --card:var(--mm-surface);
  --line:var(--mm-line);
  --line-strong:var(--mm-line-strong);
  --grid:var(--mm-grid);
  --yellow:var(--mm-accent);
  --yellow-deep:var(--mm-accent-deep);
  --yellow-soft:var(--mm-accent-soft);
  --orange:var(--mm-c-orange);
  --orange-soft:var(--mm-c-orange-soft);
  --amber:var(--mm-c-orange);
  --amber-soft:var(--mm-c-amber-soft);
  --blue:var(--mm-link);
  --green:var(--mm-ok);
  --ok:var(--mm-ok);
  --ok-bg:var(--mm-c-green-soft);
  --bad:var(--mm-bad);
  --bad-bg:var(--mm-c-red-soft);
  --crit:var(--mm-bad);
  --warn:var(--mm-warn);
  --warn-bg:var(--mm-c-warn-soft);
  --info-bg:var(--mm-c-info-soft);
  --f-ui:var(--mm-font-ui);
  --f-disp:var(--mm-font-display);
  --f-mega:var(--mm-font-mega);
  --f-mono:var(--mm-font-mono);
  --num:var(--mm-font-num);
  --r-sm:var(--mm-r-sm);
  --r-md:var(--mm-r-md);
  --r-lg:var(--mm-r-lg);
  --bw-hair:var(--mm-bw-hair);
  --bw-strong:var(--mm-bw-strong);
  --sh-md:var(--mm-sh-md);
  --ease:var(--mm-ease);
  --t-fast:var(--mm-t-fast);
  --t:var(--mm-t);
  --t-slow:var(--mm-t-slow);
}
