/* Keyvo Games — tokens compartidos por la tienda y el panel. */
@font-face { font-family: 'Russo One'; src: url('../fonts/russo-one-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Chakra Petch'; src: url('../fonts/chakra-petch-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Chakra Petch'; src: url('../fonts/chakra-petch-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Chakra Petch'; src: url('../fonts/chakra-petch-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../fonts/inter-400-700.woff2') format('woff2'); font-weight: 400 700; font-display: swap; }

:root {
  color-scheme: dark;
  /* Superficies: negro profundo con niveles de profundidad */
  --bg: #04060b;
  --bg-2: #070b14;
  --surface: #0b1120;
  --surface-2: #101829;
  --surface-3: #162036;
  --line: rgba(140, 170, 255, .10);
  --line-2: rgba(140, 170, 255, .18);
  /* Azul eléctrico y secundarios */
  --blue: #1f6bff;
  --blue-hi: #3d86ff;
  --blue-soft: #8db7ff;
  --blue-deep: #0b2a6b;
  --cyan: #5cc8ff;
  --glow: rgba(31, 107, 255, .35);
  /* Texto (contraste AA sobre --bg y --surface) */
  --text: #eef3ff;
  --text-2: #b4c0da;
  --muted: #8592ad;
  /* Estados y etiquetas */
  --ok: #2fd27a;
  --warn: #ffb547;
  --danger: #ff4d61;
  --sale: #d92538;
  --pre: #ffb547;
  /* Tipografía */
  --f-display: 'Russo One', 'Chakra Petch', system-ui, sans-serif;
  --f-ui: 'Chakra Petch', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Escala */
  --r-sm: 8px; --r: 14px; --r-lg: 22px; --r-xl: 32px;
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
  --shadow: 0 20px 60px -20px rgba(0, 0, 0, .7);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --t-fast: 160ms; --t: 260ms; --t-slow: 520ms;
}