/* ═══ TOKENS ═══
   El único sitio donde se define la marca.
   Cambiar un color aquí lo cambia en todas las páginas del sitio.

   Antes de la Fase 0 había tres paletas distintas conviviendo:
     · portada          #050505  + Anton
     · análisis/legales #0A0C11  + DM Sans en negrita
     · meta theme-color #0D0F14  (heredado del proyecto anterior)
   Ahora manda esta. La referencia es la portada, que es la que
   tiene la personalidad de marca. */

:root {
  /* ── Fondos ── */
  --bg:            #050505;   /* fondo del documento */
  --bg-card:       #0a0a0a;   /* tarjetas y contenedores */
  --bg-raised:     rgba(255, 255, 255, 0.02);
  --bg-raised-hover: rgba(255, 255, 255, 0.04);

  /* ── Marca ── */
  --neon-green:    #00FF85;
  --neon-green-15: rgba(0, 255, 133, 0.15);
  --neon-green-30: rgba(0, 255, 133, 0.30);

  /* ── Texto ── */
  --text-main:     #f0f0f0;
  --text-muted:    #888;
  --text-soft:     rgba(255, 255, 255, 0.85);

  /* ── Líneas ── */
  --border:        rgba(255, 255, 255, 0.05);
  --border-strong: rgba(255, 255, 255, 0.10);

  /* ── Señales ── */
  --win:           #00FF85;
  --loss:          #FF4D4D;
  --surface-clay:  #CC5500;
  --surface-hard:  #00D4FF;
  --surface-grass: #00FF85;

  /* ── Tipografía ── */
  --font-display:  'Anton', 'Arial Narrow', sans-serif;
  --font-body:     'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:     'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ── Formas ── */
  --radius-sm:     8px;
  --radius:        12px;
  --radius-pill:   30px;
}