/* ==========================================================================
   TOKENS — la paleta única de las tres pantallas (UX-18, encargo 004).

   Antes cada hoja traía la suya: dos oros (#f5c451 / #f6c453), dos aguas (#35e0d6 / #3fe3d3),
   tres rojos (#e04b4b / #ff6f6f / #ff5c7a), dos verdes, dos sombras y los mismos colores con
   nombres distintos (--suelo / --fondo / --bg, --agua / --aqua). Cada arreglo de color se hacía
   tres veces y se hacía distinto. Aquí vive UNA definición de cada uno, con los nombres de
   casino.css; panel.css y capital.css la enlazan antes que su propia hoja y solo definen lo que
   es suyo (alias como `--aqua: var(--agua)` hasta migrar, y las superficies del portal).

   Global Capital conserva su fondo azul marino y su tipografía (Plus Jakarta Sans) a propósito
   (D-40, prototipo aprobado por José): es dinero de terceros y no puede parecer el casino. Van
   con nombres propios (`--bg`, `--fuente-capital`) para que ningún token comparta nombre con dos
   valores. `test/interfaz_t64.test.js` vigila que esto siga siendo verdad.

   El rojo queda en #ff6f6f (el del panel): contrasta 6,3:1 sobre la superficie; el #e04b4b del
   casino daba 3,9:1.
   ========================================================================== */
:root {
  /* Fondos y líneas */
  --suelo:          #08151b;
  --suelo-2:        #0b1e26;
  --superficie:     #0f2530;
  --superficie-2:   #143a45;
  --linea:          #23444d;

  /* Marca */
  --oro:            #f5c451;
  --oro-claro:      #ffe08a;
  --oro-oscuro:     #c4892a;
  --oro-tinta:      #2a1c05;
  --agua:           #35e0d6;
  --agua-oscuro:    #1a7f88;

  /* Semánticos */
  --rojo:           #ff6f6f;
  --verde:          #4be38f;

  /* Texto */
  --texto:          #e9f1f0;
  --texto-2:        #a9c9ce;
  --tenue:          #7fb3ba;

  /* Sombra y tipografía */
  --sombra:         0 18px 40px rgba(0, 0, 0, .45);
  --fuente:         "Manrope", "Segoe UI", Helvetica, Arial, sans-serif;
  --fuente-titulos: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
}
