/*!
 * HubFront — дизайн-токены (Фаза B.1). ЕДИНЫЙ ИСТОЧНИК ПРАВДЫ.
 * Copyright (c) 2026 Mehti Zeynalov / Hubstorie. Proprietary. All rights reserved.
 *
 * Цель (ТЗ HubFront §2/§5-B.1): вынести токены, которые сейчас СКОПИРОВАНЫ в
 * :root каждого CSS (hubstorie.css / shared.css / admin.css) + захардкожены инлайн
 * по страницам, в ОДНО место. Подключается АДДИТИВНО, ПЕРЕД остальными стилями.
 *
 * Имена переменных — ТЕ ЖЕ, что уже использует приложение (--bg, --accent, …),
 * это НЕ параллельный набор (правило 10): файл становится каноническим
 * определением существующих токенов. Значения 1-в-1 с текущими → визуально
 * ничего не меняется. Старые :root-блоки в hubstorie/shared/admin остаются как
 * идентичный fallback (по решению владельца «пока работаем — ничего не удаляем»);
 * их де-дубликация — отдельный поздний шаг (ТЗ Фаза C/F).
 *
 * Это СУПЕРСЕТ: покрывает и ленту, и админку/кабинет (включая --verified/--gold,
 * которых нет в admin.css — раньше их дописывали вручную в header.php). Новые
 * шкалы (spacing/radius/typography/shadow/z) — НЕТ-НОВЫЕ: ни на что не влияют,
 * пока компонент их не использует; дают B.2+ единый словарь.
 */
:root {
  /* ── Поверхности / фон ─────────────────────────────────────────── */
  --bg:            #1a1a1c;
  --bg-soft:       #232327;
  --bg-card:       #1e1e22;
  --bg-elev:       #2a2a2f;   /* был только в admin.css */

  /* ── Текст ─────────────────────────────────────────────────────── */
  --text:          #ede4d3;
  --text-dim:      #b8b0a0;
  --text-faint:    #6b6358;

  /* ── Акцент ────────────────────────────────────────────────────── */
  --accent:        #d4a574;
  --accent-hover:  #e0b485;                       /* был только в admin.css */
  --accent-soft:   rgba(212, 165, 116, 0.15);

  /* ── Границы ───────────────────────────────────────────────────── */
  --border:        rgba(237, 228, 211, 0.08);
  --border-strong: rgba(237, 228, 211, 0.15);

  /* ── Семантика статусов ────────────────────────────────────────── */
  --danger:        #c9534e;
  --danger-soft:   rgba(201, 83, 78, 0.12);       /* был только в admin.css */
  --verified:      #4d9fe8;                        /* лента; в admin отсутствовал */
  --gold:          #f0c068;                        /* лента; в admin отсутствовал */
  --gold-soft:     rgba(240, 192, 104, 0.15);
  --warn:          #f0c068;                        /* admin-алиас --gold */
  --warn-soft:     rgba(240, 192, 104, 0.15);
  --ok:            #4d9fe8;                         /* admin-алиас --verified */
  --ok-soft:       rgba(77, 159, 232, 0.15);

  /* ── Типографика (НОВОЕ; шрифты — как в fonts.css / hubstorie.css) ─ */
  --font-sans:  'Inter Tight', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-mono:  ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-2xs: 10px;
  --fs-xs:  11px;
  --fs-sm:  13px;   /* самый частый размер UI */
  --fs-md:  14px;
  --fs-base:15px;
  --fs-lg:  16px;
  --fs-xl:  17px;
  --lh-tight: 1.25;
  --lh-snug:  1.4;
  --lh-base:  1.5;

  /* ── Отступы (НОВОЕ; 4px-шкала, под реальные значения по проекту) ─ */
  --space-0: 0;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;    /* частый gap/padding */
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 24px;

  /* ── Радиусы (НОВОЕ; под реальные border-radius по проекту) ──────── */
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   10px;   /* самый частый */
  --radius-lg:   12px;
  --radius-xl:   14px;
  --radius-2xl:  16px;
  --radius-pill: 999px;
  --radius-round: 50%;

  /* ── Тени (НОВОЕ; из реальных box-shadow проекта) ───────────────── */
  --shadow-sm: 0 3px 12px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.40);
  --shadow-lg: 0 10px 34px rgba(0, 0, 0, 0.45);

  /* ── Слои (НОВОЕ; для модалок/шитов/тостов в Фазе C) ────────────── */
  /* openSheet ВЫШЕ легаси-оверлеев монолита (commentsOverlay 9998, auth 10001…),
     чтобы шит не открывался ЗА панелью комментов/жалобы (баг 2026-06-18). */
  --z-base:    1;
  --z-sticky:  100;
  --z-overlay: 10010;
  --z-modal:   10020;
  --z-toast:   10040;

  /* ── Переходы (НОВОЕ) ──────────────────────────────────────────── */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}