/* ============================================================
   ACADEMIA DE CRACKS · Design Tokens
   ------------------------------------------------------------
   iter27 · Rebrand "Azul Eléctrico". Identidad derivada del logo
   oficial (estrella + flecha ascendente). El verde neón anterior
   se retira: era el look "gamer genérico". Ahora azul de marca +
   blanco frío sobre negro azulado, con dorado reservado SOLO para
   premium/logros y un naranja puntual para el fuego de la racha.

   COMPAT: los nombres de token legacy (--neon, --cyan, etc.) se
   mantienen para no tocar los 21 archivos que los referencian;
   sus VALORES ahora apuntan al azul. --neon ya NO es verde.
   ============================================================ */
:root {
  /* Backgrounds — negro azulado profundo (frío, intencional, no #000 genérico) */
  --carbon:   #05080F;
  --carbon-2: #0B111C;
  --carbon-3: #131C2B;
  --carbon-4: #1E2A3D;

  /* Marca — azul eléctrico del logo */
  --azul:        #1E9BFF;   /* primario · la flecha */
  --azul-bright: #54D6FF;   /* highlight de la estrella · glows / energía */
  --azul-deep:   #0B5BD6;   /* royal · gradientes / profundidad */
  --azul-glow:   rgba(30, 155, 255, 0.55);
  --azul-border: rgba(30, 155, 255, 0.30);

  /* Aliases legacy → ahora azul (mismos nombres, valores nuevos) */
  --neon:      var(--azul);
  --neon-glow: var(--azul-glow);
  --cyan:      var(--azul-bright);
  --gold:      #ffc247;   /* premium / logros — único cálido reservado */
  --magenta:   #7b6cff;   /* violeta frío — terciario, uso mínimo */
  --orange:    #ff8a3d;   /* fuego de la racha — calidez semántica puntual */

  /* Text — blancos fríos */
  --smoke:     #f4f8ff;
  --smoke-2:   #bac6d8;
  --smoke-dim: #7b879a;
  --muted:     #46505f;

  /* Glass surfaces */
  --glass:          rgba(255, 255, 255, 0.05);
  --glass-2:        rgba(255, 255, 255, 0.08);
  --glass-border:   rgba(255, 255, 255, 0.08);
  --glass-border-hi:rgba(255, 255, 255, 0.16);

  /* Safe areas (notch / home bar) */
  --safe-top:    env(safe-area-inset-top, 0);
  --safe-bottom: env(safe-area-inset-bottom, 0);
}