/* Часть переехавшего style.css — разнесено на 4 файла 2026-08-02 (шаг 2 v2-промпта). Порядок подключения в index.html: tokens -> base -> components -> screens (тот же порядок, что был в едином файле, каскад не меняется). */

/* ---- Design tokens: редизайн 2026-08-02 по ТЗ владельца ----
   Переменные СОХРАНЯЮТ старые имена (--bg, --surface, --pink, --mid, --blue и т.д.),
   чтобы не переписывать сотни мест, где они уже используются — меняем только
   ЗНАЧЕНИЯ на новую палитру. Новые переменные (--accent, --orange, --glow,
   --bg-card...) добавлены отдельно для новых glass-карточек/кнопок. */
/* Дизайн-система PSKod-style (чёрно-золотая) — просьба владельца 2026-08-02, заменяет
   предыдущую фиолетово-синюю тему. Имена переменных оставлены прежними специально —
   так все существующие правила ниже автоматически наследуют новую палитру без
   переписывания каждого селектора по отдельности. */
:root {
  --bg: #0A0A0A;
  --surface: #1A1A1A;
  --surface-2: #171717;
  --pink: #E8B86D;
  --mid: #B08A52;
  --blue: #9C9C9C;
  --green: #D4A45C;
  --text: #FFFFFF;
  --hint: #A0A0A0;
  --gradient: #E8B86D;
  --radius: 18px; /* = --r-lg, оставлена для обратной совместимости со старыми правилами */

  --bg-primary: var(--bg);
  --bg-secondary: var(--surface-2);
  /* Сплошные, без прозрачности (правка v2 промпта 2026-08-02) — раньше карточки были
     rgba(26,26,26,.92), но под ними ровный --bg без ничего снизу, так что прозрачность
     не давала визуального эффекта и просто заставляла браузер лишний раз композитить
     слой на каждой карточке в длинных гридах игр/номиналов. Прозрачность оставлена
     только там, где под элементом реально что-то есть — шапка, нижняя навигация,
     оверлей на hero-баннере (см. .bottom-tabs, .brand-hero-overlay). */
  --bg-card: #1A1A1A;
  --bg-card-hover: #222222;
  --accent: #E8B86D;
  --accent-hover: #F0C987;
  --accent-press: #D4A455;
  --accent-gradient: #E8B86D;
  --accent-text: #171310;
  --orange: #E8B86D;
  --text-primary: var(--text);
  --text-secondary: var(--hint);
  /* #666666 к фону --bg даёт контраст 3.45:1 — ниже порога читаемости для мелкого
     текста (подписи регионов, зачёркнутые цены, лейблы навигации). #7F7F7F даёт
     5.0:1 и визуально почти не отличается (правка v2 промпта 2026-08-02). */
  --text-muted: #7F7F7F;
  --border: rgba(255, 255, 255, 0.07);
  --border-strong: #333333;
  --glow: 0 0 20px rgba(232, 184, 109, 0.35);

  /* Шкала радиусов (v2 промпта) — раньше был один --radius:18px на всё, включая
     кнопки высотой 52px, что на кнопке читалось как "капсула наполовину". Карточки
     остаются на 18px (--radius/--r-lg не менялись местами использования), новые/
     переписываемые кнопки и инпуты — на --r-sm. Полная миграция всех старых кнопок
     на --r-sm — отдельный шаг (компонентная библиотека), не сделана в этом проходе. */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 14px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-full: 999px;

  /* Шкала отступов — на будущее, для новых/переписываемых блоков */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px; --s9: 56px;

  --t-fast: 120ms;
  --t-base: 220ms;
  --t-slow: 360ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.30, 1);

  /* Алиасы под точные имена из v2 промпта (шаг 2, компонентная библиотека) — код
     компонентов ниже написан под ЭТИ имена, чтобы 1:1 соответствовать спеке, а не
     переизобретать вариант под старые --hint/--text-muted/--accent-text. */
  --bg-elev: #101010;
  --surface-3: #2A2A2A;
  --text-2: var(--hint);
  --text-3: var(--text-muted);
  --text-disabled: #4D4D4D;
  --on-accent: var(--accent-text);
  --border-accent: rgba(232, 184, 109, 0.32);
  --accent-soft: rgba(232, 184, 109, 0.10);
  --accent-ring: rgba(232, 184, 109, 0.28);
  --accent-glow: 0 8px 28px rgba(232, 184, 109, 0.16);
  --success: #4ADE80; --success-soft: rgba(74, 222, 128, 0.12);
  --warning: #FBBF24; --warning-soft: rgba(251, 191, 36, 0.12);
  --danger:  #F87171; --danger-soft:  rgba(248, 113, 113, 0.12);
  --info:    #60A5FA; --info-soft:    rgba(96, 165, 250, 0.12);
  --brand-sbp: #5B57A2;
}