/* =========================================================
   POOL · temas dia y noche
   =========================================================
   ADAPTADO AL INTERRUPTOR DE TRAZA (2026-09-28).

   El paquete de diseno trae los selectores `[data-pool-tema="dia"|"noche"]`
   y ofrece dos caminos: enlazar ese atributo, o reemplazar los selectores por
   los que TRAZA ya use. Se tomo el segundo, porque el ETC pide NO DUPLICAR EL
   INTERRUPTOR: TRAZA ya estampa `data-tz-theme` en <html> (`aplicarTema()`,
   traza-core.js) y lo hace desde un script en el <head>, antes de que este CSS
   se aplique. Un segundo atributo tendria que mantenerse sincronizado con el
   primero, y el dia que se desincronice Pool se veria de noche en una pantalla
   de dia.

   Mapeo:  TRAZA "dark" -> Pool noche   |   TRAZA "day" -> Pool dia

   OJO CON EL ORDEN: el bloque de noche vive en `:root`, asi que es el valor por
   defecto; el de dia lo pisa por atributo y TIENE que ir despues.
   ========================================================= */
:root, [data-tz-theme="dark"]{
  --pool-cuerpo: #3FB8AC;
  --pool-cuerpo2: #2A8F86;
  --pool-ojos: #0F1B2D;
  --pool-oro: #F2C230;
  --pool-oro2: #B8900F;
  --pool-emblema: #F2C230;
  --pool-piedra: #1B2A4A;
  --pool-marfil: #F4F1EA;
  --pool-ambar: #E8A33D;
  --pool-oxido: #C2571A;
  --pool-gris: #8C95A3;
  --pool-borde: none;
  --pool-sombra: #000000;
  --pool-progreso: #F4F1EA;
  --pool-fondo: #111317;
  --pool-sombra-op: 0.25;
}
[data-tz-theme="day"]{
  --pool-cuerpo: #1F8C82;
  --pool-cuerpo2: #166A62;
  --pool-ojos: #0F1B2D;
  --pool-oro: #B8860B;
  --pool-oro2: #8A6508;
  --pool-emblema: #F2C230;
  --pool-piedra: #1B2A4A;
  --pool-marfil: #FBF9F5;
  --pool-ambar: #B86E0A;
  --pool-oxido: #A8480F;
  --pool-gris: #6B7380;
  --pool-borde: #BDB3A0;
  --pool-sombra: #1B2A4A;
  --pool-progreso: #0F1B2D;
  --pool-fondo: #F0EDE7;
  --pool-sombra-op: 0.12;
}

/* Desconectado: el personaje se apaga sin cambiar de forma */
.pool[data-state="desconectado"]{
  --pool-cuerpo: #7C8591; --pool-cuerpo2: #5E6672; --pool-oro: var(--pool-gris);
}
[data-tz-theme="day"] .pool[data-state="desconectado"]{ --pool-cuerpo: #8A919B; --pool-cuerpo2: #6E7580; }

/* Tokens de interfaz de Pool (panel, burbuja de ronda) */
:root, [data-tz-theme="dark"]{
  --pool-ui-superficie: #1E2127; --pool-ui-borde: #2E333B; --pool-ui-texto: #E9E4D8; --pool-ui-texto-2: #9AA1AC;
  --pool-ui-burbuja: #F4F1EA; --pool-ui-burbuja-texto: #0F1B2D; --pool-ui-acento: #F2C230;
}
[data-tz-theme="day"]{
  --pool-ui-superficie: #FBF9F5; --pool-ui-borde: #DDD6C7; --pool-ui-texto: #0F1B2D; --pool-ui-texto-2: #4A5363;
  --pool-ui-burbuja: #1B2A4A; --pool-ui-burbuja-texto: #F4F1EA; --pool-ui-acento: #B8860B;
}
:root{
  --pool-lanzador: 56px; --pool-panel-compacto: 380px; --pool-panel-expandido: 520px; --pool-panel-alto-max: min(720px, 80vh);
  --pool-panel-anclado: 440px; --pool-radio-panel: 20px;
  --pool-t-rapido: 140ms; --pool-t-base: 220ms; --pool-t-expandir: 320ms; --pool-curva: cubic-bezier(0.2, 0.8, 0.2, 1);
}