/* ==========================================================================
   Пуд Мёда — токены дизайн-системы «Вещество и соты».
   Один блок на тему, без дублирования (было: :root + @media + 2×[data-theme] —
   три копии одной палитры, которые могли разойтись; @media prefers-color-scheme
   к тому же никогда не срабатывал — base.html жёстко ставит data-theme).
   ========================================================================== */
:root {
  /* ---- палитра: роли, а не оттенки ---- */
  --paper: #F7F5F0;     /* фон страницы */
  --wax: #E8E2D4;       /* ступень поверхности — заменяет большинство рамок */
  --wax-deep: #DAD2C0;  /* вторая ступень: шапка таблицы, врезанные поля */
  --ground: #1A1409;    /* тёмные полосы во всю ширину: гарантия, футер, подложка героя */
  --ink: #241C12;       /* основной текст — 14.9:1 на бумаге */
  --ink-soft: #5A4C3A;  /* вторичный — 7.4:1 */
  --ink-faint: #8A7B66; /* третичный, 3.9:1 — только крупный текст / не текст */
  --honey: #E39A12;     /* заливки, метки. На бумаге 2.1:1 — НИКОГДА не текст на светлом */
  --honey-deep: #A85E06;/* единственный янтарь, годный как текст — 5.2:1 на бумаге */
  --comb: #C98A2A;      /* линии сот — только на --ground (8.0:1) */
  --sage: #5E6B4A;       /* успех / «в наличии» */
  --seal: #B04234;       /* предупреждение / критично */
  --on-ground: #F2EBDC;  /* текст на --ground */
  --on-honey: #241C12;   /* текст на заливках honey */
  --shadow-rgb: 36 28 18;

  /* ---- поверхности: глубина — тональная ступень, не контур ---- */
  --s-page: var(--paper);
  --s-raise: #FDFCF9;
  --s-sink: var(--wax);
  --s-dark: var(--ground);

  /* ---- линии: 3 токена, одна толщина ---- */
  --rule-w: 1px;
  --rule: var(--rule-w) solid var(--wax);
  --rule-strong: var(--rule-w) solid var(--wax-deep);
  --rule-honey: var(--rule-w) solid color-mix(in srgb, var(--honey) 60%, var(--wax));

  /* ---- отступы: база 4px, 10 ступеней ---- */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;

  /* ---- типографика: 7 ступеней + сигнатурная для крупных чисел ---- */
  --t1: 0.8125rem;
  --t2: clamp(0.875rem, 0.13vw + 0.85rem, 0.9375rem);
  --t3: 1rem;
  --t4: clamp(1.0625rem, 0.16vw + 1.02rem, 1.1875rem);
  --t5: clamp(1.25rem, 0.55vw + 1.11rem, 1.5rem);
  --t6: clamp(1.625rem, 2.1vw + 1.1rem, 2.375rem);
  --t7: clamp(2.125rem, 4.4vw + 0.9rem, 4rem);
  --t-stat: clamp(2.75rem, 7vw, 6rem);

  --lh-tight: 1.08; --lh-head: 1.18; --lh-body: 1.55; --lh-long: 1.7;
  --measure: 62ch; --measure-narrow: 46ch;

  /* ---- гарнитуры ---- */
  --font-voice: "Unbounded", "Onest", system-ui, sans-serif;
  --font-ui: "Onest", "Onest Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-read: "Literata", "Literata Fallback", Georgia, serif;

  /* ---- радиусы: ровно два + форма ---- */
  --r-s: 6px; --r-l: 20px; --r-pill: 999px;

  /* ---- высота: 4 ступени, один рецепт ---- */
  --e0: none;
  --e1: 0 1px 2px rgb(var(--shadow-rgb) / .05), 0 2px 6px -4px rgb(var(--shadow-rgb) / .12);
  --e2: 0 4px 10px -6px rgb(var(--shadow-rgb) / .16), 0 12px 28px -20px rgb(var(--shadow-rgb) / .30);
  --e3: 0 12px 28px -18px rgb(var(--shadow-rgb) / .22), 0 32px 64px -40px rgb(var(--shadow-rgb) / .45);
  --e4: 0 24px 48px -24px rgb(var(--shadow-rgb) / .30), 0 64px 120px -60px rgb(var(--shadow-rgb) / .60);

  /* ---- движение ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --d-fast: 140ms; --d-base: 260ms; --d-slow: 520ms;

  /* ---- layout ---- */
  --maxw: 1180px; --nav-h: 72px; --gut: var(--s5);

  /* ==========================================================================
     Слой совместимости — держит ~170 инлайновых style="" в шаблонах, ~99
     использований .mono и main.js:85 (getComputedStyle читает --line/--honey/
     --honey-bright для канваса сот). Живёт до тех пор, пока эти обращения не
     переведены на новые имена; удалять по одному месту, а не всем скопом.
     Определён один раз (не на тему) — источник, на который он ссылается,
     сам меняется в :root[data-theme="dark"]. */
  --bg: var(--paper); --bg-elev: var(--s-raise); --bg-sunk: var(--wax);
  --line: var(--wax); --line-soft: var(--wax);
  --meadow: var(--sage);
  --honey-bright: color-mix(in srgb, var(--honey) 70%, #FFF0C4);
  --wood: #6B4A22;
  --shadow: var(--shadow-rgb);
  --font-sans: var(--font-ui); --font-display: var(--font-ui);
  --font-mono: var(--font-ui);   /* убивает «код вместо текста» во всех 44 местах */
  --font-hand: var(--font-ui);   /* убивает Comic Sans в сертификате */
  --r-sm: var(--r-s); --r-md: var(--r-s); --r-lg: var(--r-l);
  --ok: var(--sage); --warn: var(--honey-deep); --crit: var(--seal);
  --spring: var(--ease-out);
}

/* Тёмная тема: функциональна уже сейчас, финальная выверка контраста и
   переосмысление роли --ground (сейчас совпадает с текущим тёмным фоном,
   поэтому полосы во всю ширину станут неразличимы) — Фаза 8. */
:root[data-theme="dark"] {
  --paper: #171009;
  --wax: #2A2013;
  --wax-deep: #362A18;
  --ground: #0F0A05;
  --ink: #F3E7CE;
  --ink-soft: #C9B896;
  --ink-faint: #9C8A66;
  --honey: #F0A81C;
  --honey-deep: #E0AA3E;
  --comb: #D9A44A;
  --sage: #8FA06A;
  --seal: #D9695A;
  --on-ground: #F3E7CE;
  --on-honey: #241C12;
  --shadow-rgb: 0 0 0;
  --s-raise: #201808;
  --s-sink: #120D06;
}