/* =========================================================
   EXCLUSION LEAGUE · V233 · DESIGN TOKENS
   Fuente única para color, tipografía, espaciado y elevación.

   Breakpoints de referencia para módulos nuevos/refactorizados:
   480px · móvil compacto
   768px · móvil/tablet
   1024px · tablet/escritorio
   1200px · escritorio amplio
   ========================================================= */
:root{
  color-scheme:dark;

  /* Primitivos compartidos */
  --color-white:#fff;
  --color-white-rgb:255,255,255;
  --color-black:#000;
  --color-black-rgb:0,0,0;

  /* Marca */
  --brand-primary:#ff1493;
  --brand-primary-rgb:255,20,147;
  --brand-primary-hover:#ff3aa7;
  --brand-primary-soft:#ff73c0;
  --brand-primary-faint:rgba(var(--brand-primary-rgb),.08);
  --brand-primary-glow:rgba(var(--brand-primary-rgb),.28);
  --brand-hot:#ff2381;
  --brand-hot-rgb:255,35,129;

  /* Superficies */
  --surface-page:#0f0f18;
  --surface-header:#0a0a12;
  --surface-input:#0d0d18;
  --surface-card:#1c1c28;
  --surface-card-elevated:#17172a;
  --surface-panel:#161621;
  --surface-deep:#080910;
  --surface-overlay:rgba(0,0,0,.85);

  /* Texto */
  --text-primary:#f0f0f0;
  --text-secondary:rgba(240,240,240,.72);
  --text-muted:rgba(240,240,240,.45);
  --text-faint:rgba(240,240,240,.28);

  /* Bordes */
  --border-faint:rgba(255,255,255,.04);
  --border-subtle:rgba(255,255,255,.07);
  --border-default:rgba(255,255,255,.10);
  --border-strong:rgba(255,255,255,.16);
  --border-brand:rgba(var(--brand-primary-rgb),.58);

  /* Estados */
  --status-info:#4fc3f7;
  --status-info-rgb:79,195,247;
  --status-success:#4caf50;
  --status-success-rgb:76,175,80;
  --status-warning:#ffd447;
  --status-warning-rgb:255,212,71;
  --status-danger:#ff315a;
  --status-danger-rgb:255,49,90;
  --status-gold:#ffd700;
  --status-silver:#c0c0c0;
  --status-bronze:#cd7f32;

  /* Tipografía */
  --font-display:'Orbitron',monospace;
  --font-body:'Barlow',sans-serif;
  --font-condensed:'Barlow Condensed',sans-serif;

  /* Espaciado */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;

  /* Radios */
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --radius-xl:20px;
  --radius-pill:999px;

  /* Elevación */
  --shadow-card:0 14px 36px rgba(0,0,0,.22);
  --shadow-card-hover:0 22px 52px rgba(0,0,0,.34);
  --shadow-modal:0 24px 80px rgba(0,0,0,.48);
  --shadow-brand:0 0 24px rgba(var(--brand-primary-rgb),.22);

  /* Movimiento */
  --motion-fast:.15s ease;
  --motion-normal:.22s ease;
  --motion-slow:.32s ease;
}