/* ==========================================================================
   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.

   v2 «Noche de sillar» (ENCARGO 052): la estructura. v3 «Coliseo Global» (ENCARGO 060): mismos
   nombres, valores de la portada (marfil y bronce). Ojo: en marfil «claro» es lo MÁS oscuro
   (--oro-claro) y «oscuro» lo más claro (--oro-oscuro); --oro-tinta es el texto sobre el bronce.
   Contraste ≥ 4,5:1 vigilado por test/interfaz_gp2.test.js.
   ========================================================================== */
:root {
  /* Fondos y líneas — marfil de sillar */
  --suelo:          #F4F0E7;
  --suelo-2:        #EFE9DC;
  --superficie:     #FAF7F0;
  --superficie-2:   #FFFDF8;
  --sup-3:          #F2ECDF;
  --linea:          rgba(179, 148, 92, .32);
  --linea-2:        rgba(179, 148, 92, .50);

  /* Marca: bronce. Ver la nota de arriba sobre claro/oscuro. */
  --oro:            #806230;
  --oro-claro:      #5E4720;
  --oro-oscuro:     #B3945C;
  --oro-tinta:      #FFFDF8;
  --oro-a:          rgba(179, 148, 92, .14);
  --agua:           #1F6349;
  --agua-oscuro:    #2E7A62;

  /* Semánticos — rojo apagado, nunca rojo puro */
  --rojo:           #9B3A24;
  --verde:          #1F6349;
  --verde-f:        #2E7A62;
  --verde-a:        rgba(46, 122, 98, .12);
  --lacre-f:        #8C2A1F;
  --lacre-a:        rgba(155, 58, 36, .10);
  --ambar:          #7D5A0D;
  --ambar-a:        rgba(179, 148, 92, .18);

  /* Texto */
  --texto:          #172B26;
  --texto-2:        #5F645C;
  --tenue:          #666B64;   /* 060: el #7C8179 de la piel daba 3,5:1 sobre --suelo; este da 4,8:1 */

  /* Forma y tipografía — los cuatro radios del sistema */
  --r:              10px;
  --r-s:            7px;
  --sombra:         inset 0 1px 0 rgba(255,255,255,.95), 0 2px 14px rgba(60,46,22,.07);
  --fuente:         "Manrope", "Segoe UI", Helvetica, Arial, sans-serif;
  --fuente-titulos: "Cormorant Garamond", Georgia, serif;

  /* Hilos de bronce y la serifa de los nombres */
  --hilo:           rgba(179, 148, 92, .28);
  --hilo-2:         rgba(179, 148, 92, .50);
  --oro-grad:       linear-gradient(180deg, #B3945C 0%, #806230 100%);
  --serif:          "Cormorant Garamond", Georgia, serif;

  /* Paleta de la portada — se conservan tal cual, ya los usa el 055 */
  --cg-verde-cab:   #082F28;
  --cg-verde:       #103C34;
  --cg-verde-borde: #0B332B;
  --cg-marfil:      #F4F0E7;
  --cg-superficie:  #FAF7F0;
  --cg-superficie-alta: #FFFDF8;
  --cg-bronce:      #B3945C;
  --cg-bronce-osc:  #806230;
  --cg-bronce-claro:#E8D5A8;
  --cg-texto:       #172B26;
  --cg-texto-2:     #5F645C;
  --cg-texto-3:     #7C8179;
  --cg-verde-dato:  #8CD6AA;
  /* 071: tres colores que casino.css usa y nadie definía (etiqueta «gratis» invisible, aro de las fichas de los juegos). Valores de la maqueta. */
  --cg-verde-lleno: #2E7A62;
  --cg-ficha:       #C9A56A;
  --cg-ficha-filo:  #8A6A30;
  --cg-caida:       #B4472F;

  /* Nuevos del sistema que el 055 ya pide y antes no existían */
  --cg-papel-3:     #F2ECDF;
  --cg-linea:       rgba(179, 148, 92, .32);
  --cg-linea-fuerte:rgba(179, 148, 92, .50);
  --cg-ok:          #1F6349;
  --cg-ok-fondo:    rgba(46, 122, 98, .12);
  --cg-aviso:       #7D5A0D;
  --cg-aviso-fondo: rgba(179, 148, 92, .18);
  --cg-mal:         #9B3A24;
  --cg-mal-fondo:   rgba(155, 58, 36, .10);
  --cg-foco:        #6D5120;
  --cg-sombra:      inset 0 1px 0 rgba(255,255,255,.95), 0 2px 14px rgba(60,46,22,.07);
}