/* ============================================
   HUBCORE — фирменные токены v1.0 · июль 2026
   Заменяет палитру DESIGN.md v0.1
   ============================================ */
:root {
  /* Холст — тёплый карбон, слоистая глубина */
  --bg-0: #0B0906;   /* Карбон — фуллскрин-шелл, самый глубокий слой */
  --bg-1: #100D09;   /* фон приложения */
  --bg-2: #16120C;   /* панель */
  --bg-3: #1D1810;   /* карточка */
  --bg-4: #262013;   /* hover / input */
  --line:        rgba(245,241,232,.08);
  --line-strong: rgba(245,241,232,.14);

  /* Текст — тёплая слоновая */
  --ink:   #F5F1E8;
  --ink-2: #B3AA9B;
  --ink-3: #7E766A;

  /* Ядро — единственный акцент бренда.
     Правило валюты: оранжевый получает только то, что растит выручку. */
  --orange:        #FF7A1A;  /* Ядро — CTA, активная сессия, оффер */
  --orange-bright: #FF9A4D;  /* Вспышка — hover, свечение */
  --orange-deep:   #E0620E;  /* Тлеющий — pressed; крупный текст на светлом */
  --orange-on-light: #A64500;/* Тлеющий тёмный — текст на светлом, AA */
  --orange-soft: rgba(255,122,26,.12);
  --orange-glow: rgba(255,122,26,.25);

  /* Светлая поверхность (печать, документы, светлые носители) */
  --ivory: #F2EDE4;

  /* Продуктовые акценты (в бренд-носителях не используются) */
  --gold:    #F5C451;  /* Золото наград — только Battle Pass, статусы, баланс */
  --success: #56C288;
  --danger:  #FF5D5D;
  --warning: var(--gold);

  /* Градиент и свечение — не более одного на экран */
  --grad-core: linear-gradient(120deg, #FF9A4D 0%, #FF7A1A 100%);
  --glow-core: radial-gradient(closest-side, rgba(255,122,26,.25), transparent 70%);

  /* Типографика */
  --font-display: 'Unbounded', sans-serif;             /* заголовки, большие цифры */
  --font-ui:      'Onest', system-ui, sans-serif;      /* текст и UI */
  --font-mono:    'JetBrains Mono', ui-monospace, monospace; /* данные: таймеры, ₽, ID */

  /* Радиусы */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;

  /* Отступы (шаг 4) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-8: 48px; --s-10: 64px;

  /* Motion */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur-1: 160ms;   /* микро: ховеры, нажатия */
  --dur-2: 240ms;   /* смена состояний */
  --dur-3: 320ms;   /* панели, модалки */
  --pulse: 2400ms;  /* пульс ядра */

  /* z-шкала */
  --z-nav: 20; --z-sticky: 30; --z-overlay: 40; --z-modal: 50; --z-toast: 60;
}
