/* criterio/tokens.css — la FUENTE ÚNICA de diseño de ERA GAMER.
   Dirección "Deep Glass" (aprobada 2026-07-23). Espejo exacto de criterio/brand.json.
   Regla: ningún plugin define hex sueltos; todos consumen var(--eg-*).

   Cómo se usa (piedra 02):
     @import "criterio/tokens.css";   (o encolar como stylesheet global, prioridad alta)
   Luego cada plugin mapea sus variables locales a estos tokens, p.ej.:
     .eratb { --eratb-accent: var(--eg-azure); --eratb-tile: var(--eg-surface-2); }
*/

:root {
  /* ---- Fondos (azul profundo e intenso = zona LIBRE, no muerde la regla de tono) ---- */
  --eg-bg:          #060B1A;   /* ground, navy-negro ~222° */
  --eg-atmosphere:  #0B1E45;   /* azul intenso para gradientes de atmósfera */
  --eg-surface:     #0E1A35;   /* superficie base */
  --eg-surface-2:   #13233F;   /* superficie elevada / tiles */

  /* ---- Glass (usar CON MODERACIÓN: una superficie hero, no todo el sitio) ---- */
  --eg-glass:       rgba(255,255,255,.07);
  --eg-glass-brd:   rgba(255,255,255,.14);
  --eg-glass-blur:  10px;      /* backdrop-filter: blur(var(--eg-glass-blur)) */

  /* ---- Tinta ---- */
  --eg-ink:         #E6EBF2;   /* casi blanco, frío */
  --eg-muted:       #8A97AC;   /* apagado; ≥4.5:1 sobre surface */

  /* ---- Acentos ---- */
  --eg-amber:       #FFC83D;   /* PRIMARIO, cálido, 43° — el ancla anti-morado */
  --eg-azure:       #38B6FF;   /* frío, 202° — reemplaza el neón cian */

  /* ---- Semánticos (separados del acento; no cuentan como color de marca) ---- */
  --eg-good:        #5CD48A;
  --eg-warning:     #FFB020;
  --eg-danger:      #FF6048;

  /* ---- Líneas / bordes ---- */
  --eg-line:        rgba(255,255,255,.09);
  --eg-line-strong: rgba(255,255,255,.16);

  /* ---- Tipografía · SOLO 2 familias ---- */
  --eg-font-display: "IBM Plex Mono", ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;
  --eg-font-body:    system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Radios · SOLO 3 valores ---- */
  --eg-r-sm:   6px;
  --eg-r-md:   12px;
  --eg-r-pill: 999px;

  /* ---- Espaciado ---- */
  --eg-unit:      4px;
  --eg-section-y: 64px;
  --eg-gap:       14px;

  /* ---- Movimiento (espejo de criterio/motion.css) ---- */
  --eg-dur-instant: 80ms;
  --eg-dur-fast:    160ms;   /* hover/press — NUNCA más para interacción */
  --eg-dur-base:    240ms;
  --eg-dur-slow:    360ms;
  --eg-ease-out:    cubic-bezier(.2,.7,.2,1);
  --eg-ease-in:     cubic-bezier(.4,0,1,1);
  --eg-ease-spring: cubic-bezier(.34,1.56,.64,1);
}

/* =========================================================================
   RETIRADOS — no usar. Quedan documentados para el barrido de la piedra 02.
   Al migrar cada plugin, reemplazar por el token de la derecha:

     #00f0ff  (cian neón)      → var(--eg-azure)
     #19d3e0  (cian/teal)      → var(--eg-azure)
     #ff00aa  (magenta neón)   → var(--eg-amber)  o  var(--eg-azure) según rol
     #7c3aed  (MORADO 262° ⛔)  → var(--eg-azure)   ← prohibido por el criterio
     Orbitron / Rajdhani       → var(--eg-font-display)  (IBM Plex Mono)
   ========================================================================= */

@media (prefers-reduced-motion: reduce) {
  :root {
    --eg-dur-instant: .001ms;
    --eg-dur-fast:    .001ms;
    --eg-dur-base:    .001ms;
    --eg-dur-slow:    .001ms;
  }
}