/* ═══════════════════════════════════════════════════════════
   LAREK GAMES — дизайн-токены
   Единственное место, где заданы цвета. Меняешь тут — меняется всё.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Фон: приложение чёрное ───────────────────────────── */
  --bg:            #000000;
  --bg-deep:       #05070B;
  --surface-1:     #0C1017;   /* карточки на чёрном            */
  --surface-2:     #131926;   /* вложенные блоки               */
  --surface-3:     #1B2333;   /* инпуты, чипы, ховер           */
  --surface-4:     #26314A;   /* активные чипы                 */

  /* ── Бренд: синий — главный, голубой — акцент ──────────── */
  --blue-700:      #103A8C;
  --blue-600:      #1B5FE0;
  --blue-500:      #2F7BFF;   /* ГЛАВНЫЙ ЦВЕТ БРЕНДА           */
  --blue-400:      #5B99FF;
  --blue-300:      #93BDFF;
  --cyan-500:      #16B8E8;
  --cyan-400:      #35D2F5;   /* акцент, «электрический»       */
  --cyan-300:      #7BE4FF;

  /* ── Градиенты ─────────────────────────────────────────── */
  --grad-brand:    linear-gradient(135deg, #2F7BFF 0%, #35D2F5 100%);
  --grad-brand-v:  linear-gradient(180deg, #4E93FF 0%, #1B5FE0 100%);
  --grad-deep:     linear-gradient(135deg, #103A8C 0%, #0C1017 100%);
  --grad-gold:     linear-gradient(135deg, #FFD36B 0%, #F5A11F 100%);
  --grad-surface:  linear-gradient(180deg, rgba(47,123,255,.10) 0%, rgba(47,123,255,0) 100%);

  /* ── Свечения ──────────────────────────────────────────── */
  --glow-blue:     0 0 24px rgba(47,123,255,.45);
  --glow-blue-sm:  0 0 12px rgba(47,123,255,.35);
  --glow-cyan:     0 0 28px rgba(53,210,245,.40);
  --glow-gold:     0 0 20px rgba(245,161,31,.40);

  /* ── Текст ─────────────────────────────────────────────── */
  --text:          #FFFFFF;
  --text-dim:      #93A0B8;
  --text-mute:     #5C6880;
  --text-on-blue:  #FFFFFF;

  /* ── Обводки и разделители ─────────────────────────────── */
  --stroke:        rgba(255,255,255,.07);
  --stroke-2:      rgba(255,255,255,.12);
  --stroke-blue:   rgba(47,123,255,.35);

  /* ── Семантика ─────────────────────────────────────────── */
  --gold:          #F5A11F;   /* звёзды — валюта               */
  --gold-soft:     #FFD36B;
  --ok:            #24C98A;
  --warn:          #FFB020;
  --danger:        #FF4D5E;
  --ton:           #0098EA;

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

  /* ── Отступы ───────────────────────────────────────────── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;

  /* ── Типографика ───────────────────────────────────────── */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI",
          Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-num: "SF Pro Display", "Segoe UI", Roboto, system-ui, sans-serif;

  --fs-h1: 26px;
  --fs-h2: 20px;
  --fs-h3: 17px;
  --fs-body: 15px;
  --fs-sm: 13px;
  --fs-xs: 11px;

  /* ── Тени ──────────────────────────────────────────────── */
  --sh-1: 0 2px 10px rgba(0,0,0,.4);
  --sh-2: 0 8px 28px rgba(0,0,0,.55);
  --sh-3: 0 16px 48px rgba(0,0,0,.65);

  /* ── Слои ──────────────────────────────────────────────── */
  --z-tabbar: 40;
  --z-topbar: 30;
  --z-layer:  60;
  --z-toast:  80;
  --z-lock:   95;
  --z-boot:   99;

  /* ── Геометрия каркаса ─────────────────────────────────── */
  --topbar-h: 46px;
  --tabbar-h: 62px;
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* ── Тайминги анимаций ─────────────────────────────────── */
  --t-fast:  140ms;
  --t-base:  220ms;
  --t-slow:  400ms;
  --ease:        cubic-bezier(.2, .8, .2, 1);
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-spin:   cubic-bezier(.12, .78, .16, 1);  /* раскрутка колеса */
}

/* Редкость предметов — общая шкала для NFT, кейсов, апгрейда */
:root {
  --rar-common:    #6B7A93;
  --rar-uncommon:  #2F7BFF;
  --rar-rare:      #35D2F5;
  --rar-epic:      #A05BFF;
  --rar-legend:    #F5A11F;
  --rar-mythic:    #FF4D5E;
}