/* ============================================================
   mg-tokens.css — ЕДИНЫЕ дизайн-токены «Мама Грана» (фаза 2, 2026-07-09)
   Источник истины: Site/assets/refs/00_brandbook/ (palette.json,
   SITE_DESIGN_SYSTEM.md) + легализованные расширения главной.
   Подключать В КАЖДУЮ страницу ДО локального <style>:
     <link rel="stylesheet" href="/mg-tokens.css?v=20260709a">
   Локальные :root страниц НЕ дублируют эти значения — только
   страничные overrides (напр. --mg-max: 820px на релизах/вики).
   ============================================================ */
:root {
  /* — палитра (брендбук) — */
  --mg-black:    #070706;   /* фон-канва (НЕ #000) */
  --mg-graphite: #15120F;
  --mg-charcoal: #2A241D;
  --mg-amber:    #F28A2D;   /* акцент: play/active/CTA, не фон */
  --mg-amber-lite:#F8B45A;  /* hover-свет акцента */
  --mg-orange:   #E65F1E;   /* жжёный: CTA-градиент, коммерция */
  --mg-gold:     #D4A14B;   /* золото: рамки, лейблы */
  --mg-ivory:    #F6E6C5;   /* текст/заголовки (НЕ #FFF) */
  --mg-hi:       #FBEFD3;   /* подсветка текста */
  --mg-ink:      #0B0A08;   /* тёмный текст на светлой заливке */
  --mg-rust:     #A84324;   /* негатив/минус-состояния */
  --mg-cyber-blue:#6AD7FF;  /* ТОЛЬКО лор-интерфейсы/биометрия */

  /* — лестница тёплых поверхностей (тёмное «ниже», светлее = ближе) — */
  --mg-alt:      #0A0908;   /* ступень 1: чередование секций */
  --mg-card:     #100E0B;   /* ступень 2: карточка */
  --mg-hover:    #161412;   /* ступень 3: hover/меню */
  --mg-hairline: #26221B;   /* тёплая волосяная рамка */

  /* — рамки/свечение — */
  --mg-border:       rgba(212,161,75,.28);  /* золотая рамка «конверта» */
  --mg-border-amber: rgba(242,138,45,.28);
  --mg-glow:         0 0 28px rgba(242,138,45,.18);

  /* — тени попапов на тёмном (тяжёлые, иначе не видны) — */
  --mg-shadow-drop: 0 8px 8px rgba(0,0,0,.3);    /* dropdown */
  --mg-shadow-pop:  0 8px 24px rgba(0,0,0,.5);   /* модалка/меню */

  /* — радиусы (шкала; pill только бейджи и круглый play) — */
  --mg-radius-sm: 8px;
  --mg-radius-md: 16px;
  --mg-radius-lg: 28px;

  /* — layout/движение/шрифт — */
  --mg-max:      1180px;
  --ease:        cubic-bezier(.4,0,.2,1);
  --grad-cta:    linear-gradient(135deg,var(--mg-amber-lite),var(--mg-amber) 45%,var(--mg-orange));
  --mono:        'JetBrains Mono', ui-monospace, monospace;
}

/* Единый видимый фокус с клавиатуры (брендбук: золото/оранж) */
:focus-visible {
  outline: 2px solid rgba(242,138,45,.55);
  outline-offset: 2px;
}

/* Доступность: уважать «меньше движения» на ВСЕХ страницах */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}