/* ============================================================================
 * UMBRA DESIGN TOKENS — единый источник дизайна для всей платформы.
 * Фаза 1 архитектуры (см. PLATFORM-ARCHITECTURE.md §8). Грузится ПЕРВЫМ, до
 * тем игр, поэтому даёт общие значения по умолчанию. Per-product акцент
 * (--accent / --accent-rgb / --accent2) задают сами продукты поверх этих токенов.
 *
 * Правило: новые компоненты используют ТОЛЬКО эти токены (var(--...)), а не
 * хардкод цветов/радиусов. Так уходит дублирование foc/gc/um.css (~570 KB).
 * ========================================================================== */

:root {
  /* ── Нейтральная палитра (общая для всех продуктов) ─────────────────────── */
  --bg:            #070a10;   /* фон страницы            */
  --surface:       #0d1017;   /* панель/секция           */
  --card:          #111520;   /* карточка                */
  --card-2:        #161b28;   /* карточка (приподнятая)  */
  --border:        #161c28;   /* базовая граница         */
  --border-strong: #232c3d;   /* акцентированная граница */
  --faint:         #1a2030;   /* едва заметная заливка   */

  /* ── Текст ──────────────────────────────────────────────────────────────── */
  --text:          #dce3f0;   /* основной текст          */
  --text-2:        #aab4cc;   /* вторичный текст         */
  --muted:         #5a6480;   /* приглушённый            */
  --title:         #ffffff;   /* заголовки               */

  /* ── Семантика состояния ────────────────────────────────────────────────── */
  --hot:           #e83800;   /* опасность/удаление      */
  --danger:        #ff5a6a;
  --success:       #4ade80;
  --warn:          #f0b429;
  --info:          #4a9eff;

  /* ── Акцент (дефолт; продукт переопределяет) ────────────────────────────── */
  --accent:        #e8a23d;
  --accent-rgb:    232,162,61;
  --accent2:       #7a2e10;

  /* ── Статусы присутствия (единые для профиля/полоски/друзей) ────────────── */
  --status-online:  #4ade80;
  --status-ingame:  #5b8def;   /* «играет» — синий, НЕ зелёный */
  --status-away:    #f59e0b;
  --status-dnd:     #ef4444;
  --status-offline: #6b7280;

  /* ── Радиусы ────────────────────────────────────────────────────────────── */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 9px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;

  /* ── Шкала отступов (4px-база) ──────────────────────────────────────────── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  /* ── Типографика ────────────────────────────────────────────────────────── */
  --font-display: 'Orbitron', system-ui, sans-serif;              /* заголовки/цифры */
  --font-text:    'Inter', system-ui, -apple-system, sans-serif;  /* текст */
  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 28px;
  --fs-display: 52px;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* ── Тени ───────────────────────────────────────────────────────────────── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.25);
  --shadow-md: 0 6px 18px rgba(0,0,0,.32);
  --shadow-lg: 0 12px 34px rgba(0,0,0,.5);
  --glow:      0 0 14px rgba(var(--accent-rgb),.4);

  /* ── Слои (z-index) — единая лестница, чтобы не угадывать ────────────────── */
  --z-bg:      -5;   /* фоновый бэкдроп        */
  --z-fx:      1;    /* частицы                */
  --z-content: 2;    /* контент/текст          */
  --z-header:  1000; /* шапка/навигация        */
  --z-overlay: 2000; /* модалки/дропдауны      */
  --z-toast:   2147483000;

  /* ── Тайминги анимаций ──────────────────────────────────────────────────── */
  --t-fast: .15s;
  --t-base: .2s;
  --t-slow: .35s;
}