/* tokens.css · v8 · lo edita SOLO el integrador.
   Colores de la biblia §3, curvas §7, espacios §8, y el estado compartido --vel (lo escribe solo vel.js).
   Las fuentes son las de la biblia (Jost / Figtree), autoalojadas en /v8/fonts/: Google devolvió la
   versión VARIABLE del subconjunto latino, así que un archivo por familia cubre los dos pesos. */

@font-face{font-family:Jost;font-style:normal;font-weight:500 600;font-display:swap;
  src:url(/v8/fonts/jost-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:400 500;font-display:swap;
  src:url(/v8/fonts/figtree-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* color · biblia §3 */
  --fondo:#0B1E2B;            /* Medianoche Aburrá */
  --superficie:#12293A;       /* Superficie Cápsula */
  --tinta:#F7F1E6;            /* Hueso */
  --tinta-2:#8FA3AD;          /* Ceniza */
  --accion:#F2A0B3;           /* Rosa Aurora: único acento de interfaz */
  --accion-hover:#F7B4C4;
  --aurora:#7FE3DC;           /* Turquesa: solo el personaje; fuera de él, nunca a más del 25 % */
  --marco:rgba(143,163,173,.35);
  --mundo-luz:#F5D28C;        /* Cinco de la Tarde: solo dentro del mundo (franja de la cápsula, bombillos, estrellas con cita) */
  --mundo-verde:#5F8C6F;      /* Verde Cerro: solo dentro del mundo */
  --mundo-coral:#E4907A;      /* la banca de la cápsula: solo dentro del mundo */
  --fondo-rgb:11,30,43;       /* para los degradados de las escenas: rgba(var(--fondo-rgb),.6) */

  /* tipografía · biblia §4 */
  --f-titulo:Jost,-apple-system,'Segoe UI',sans-serif;
  --f-cuerpo:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  /* espacio · biblia §8 */
  --ancho:1200px; --nav:62px; --canal:24px; --ritmo:96px; --radio:16px; --radio-ventana:32px;

  /* curvas · biblia §7 (tres, y no se inventan más) */
  --orbe:cubic-bezier(.16,1,.3,1);
  --cromo:cubic-bezier(.2,.8,.2,1);
  --peluche:cubic-bezier(.34,1.4,.64,1);

  /* estado compartido */
  --vel:1;                    /* la escribe SOLO vel.js (setVel) */

  /* capas */
  --z-capas:1; --z-canvas:5; --z-panel:10; --z-globo:20; --z-nav:50; --z-dialog:100;
}
@media(min-width:861px){:root{--canal:64px;--ritmo:140px}}

/* modo claro: las bandas Hueso. Siempre con fondo y tinta propios (trampa v6: heredaban el oscuro). */
.claro{--fondo:#F7F1E6;--superficie:#EFE6D6;--tinta:#0B1E2B;--tinta-2:#5B6B74;--accion:#E76E8A;--accion-hover:#EE86A0;
  --marco:rgba(91,107,116,.3);--fondo-rgb:247,241,230;
  background:var(--fondo);color:var(--tinta)}

/* la palanca en «parado» pausa todo lo que anda solo por CSS */
html[data-vel="0"] .banda-ciudad,html[data-vel="0"] .capas>*{animation-play-state:paused}