/* ============================================================================
   ЛОМ-МАСТЕР — КАНОНИЧЕСКИЕ ДИЗАЙН-ТОКЕНЫ (единый источник, оба контура)
   ----------------------------------------------------------------------------
   КАНОН живёт здесь: portal-landing-v4/design/tokens.css.
   В SaaS-кабинет (lom-master-redesign/src/styles/tokens.canon.css) разносится
   скриптом scripts/sync_tokens.py — копию руками НЕ править.

   Подключение: ПЕРЕД локальным css (style.css портала / tokens.css SaaS).
   Локальные файлы могут только ДОБАВЛЯТЬ рецепты и алиасы, не переопределять
   канонические значения. Дизайн-решения Р1–Р4 — сессия унификации 10.06.2026.
   TOKENS-CANON:v1
   ============================================================================ */
:root {
  /* ── Палитра: бренд ─────────────────────────────────────────────────────── */
  --cream:        #F5F2EC;
  --forest:       #2E5742;
  --forest-2:     #3c7a57;  /* Р2: партнёр градиентов, hover */
  --sage:         #5FA983;  /* Р2: воздушный акцент — лейблы, glow, фокус на тёмном */
  --forest-hover: #274e39;  /* forest чуть темнее — hover primary-кнопки */
  --logo-mid:     #458066;  /* средний слиток бренд-знака */
  --white:        #fff;
  --bg-alt:       #EEEAE3;  /* приглушённая подложка */
  --bg-2:         #F4F1EB;  /* вторая подложка */

  /* ── Нейтрали (Р4 — канон: зелёно-серые SaaS) ───────────────────────────── */
  --ink:   #1e241d;
  --muted: #686c62;  /* WCAG AA: 4.81:1 на --cream (было #6e7268=4.4:1, недотяг). Зелёно-серый характер сохранён */
  --faint: #9aa093;
  --ph:    #aab0a3;

  /* ── Акцент (производные от бренда) ─────────────────────────────────────── */
  --accent:      var(--forest);
  --accent-2:    var(--forest-2);
  --accent-ink:  #fff;
  --accent-soft: rgba(46, 87, 66, 0.10);
  --accent-ring: rgba(46, 87, 66, 0.18);

  /* ── Статусы ────────────────────────────────────────────────────────────── */
  --ok:     #2e8b5e;
  --warn:   #c98a3a;
  --danger: #c0503e;

  /* ── Glass-материал ─────────────────────────────────────────────────────── */
  --glass:       rgba(255, 255, 255, 0.60);  /* SaaS: карточки */
  --glass-2:     rgba(255, 255, 255, 0.80);  /* SaaS: инпуты / плотнее */
  --blur:        blur(20px) saturate(1.25);
  --hair:        1px solid rgba(255, 255, 255, 0.78);
  --glass-cream: rgba(245, 242, 236, 0.70);  /* портал: кремовое стекло навбара */

  /* ── Тени (зелёный отлив rgba(46,72,54,…) — канон SaaS) ─────────────────── */
  --shadow-1: 0 1px 8px rgba(46, 72, 54, 0.06);
  --shadow-2: 0 14px 38px rgba(46, 72, 54, 0.12);
  --shadow-3: 0 26px 70px rgba(46, 72, 54, 0.18);
  --glow-sage:   0 8px 24px rgba(95, 169, 131, 0.20);
  --glow-forest: 0 6px 20px rgba(46, 87, 66, 0.28);

  /* ── Радиусы (Р3) ───────────────────────────────────────────────────────── */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-pill: 999px;
  --r-btn:  10px;  /* канон кнопки — компромисс 6 (портал) ↔ 13 (SaaS) */

  /* ── Шрифты (Р1 — гибрид) ───────────────────────────────────────────────── */
  --font-ui:      'Manrope', system-ui, -apple-system, sans-serif;
  --font-display: 'Bricolage Grotesque', 'Manrope', sans-serif; /* SaaS-заголовки 800;
                     на портале — точечно в хабах. Hero/section-heading портала
                     остаются Manrope 300 — их «воздух» не трогаем. */
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ── Motion — единый характер движения ──────────────────────────────────── */
  --dur:        0.22s;  /* микро: hover, фокус, переключатели */
  --dur-md:     0.25s;  /* модалка / тост / мобильное меню */
  --dur-reveal: 0.55s;  /* появление блоков (reveal) */
  --ease-out:   cubic-bezier(0.2, 0.8, 0.2, 1);  /* канон-кривая */
  --reveal-y:   16px;   /* сдвиг входа снизу */
  --stagger:    0.08s;  /* шаг каскада */
}