/* Tokens de Cue Analytics — identidad «función» (2026-11-02): sala a oscuras y una sola luz
   de tungsteno como acento. Fuentes propias (CSP font-src self); licencias en /fonts.
   En la interfaz, el rojo significa siempre semáforo.
   Los semáforos --cue-verde/ambar/rojo los usa también demo.js (var(--cue-<color>)). */
@font-face { font-family: "Geist"; src: url("../fonts/geist-var.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/geist-mono-var.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }

:root {
  color-scheme: dark;
  --cue-fondo: #080706;
  --cue-fondo-suave: #0f0d0b;
  --cue-superficie: #15120f;
  --cue-superficie-alta: #1d1915;
  --cue-texto: #f5efe6;
  --cue-texto-secundario: #aca395;
  --cue-marca: #e6bc68;
  --cue-marca-hover: #f5d796;
  --cue-sobre-marca: #100d09;
  --cue-borde: rgba(245, 239, 230, .13);
  --cue-borde-fuerte: rgba(245, 239, 230, .26);
  --cue-borde-control: #8c8172;
  --cue-rojo: #ec7c6e;
  --cue-ambar: #e8b04b;
  --cue-verde: #6cc48e;
  --cue-error: var(--cue-rojo);
  --cue-exito: var(--cue-verde);
  --cue-aviso: var(--cue-ambar);
  --cue-foco: var(--cue-marca);
  --cue-luz: rgba(255, 222, 168, .2);
  --cue-luz-suave: rgba(255, 222, 168, .06);
  --cue-sombra: rgba(0, 0, 0, .6);
  --cue-fuente-titulares: "Geist", -apple-system, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;
  --cue-fuente-texto: var(--cue-fuente-titulares);
  --cue-fuente-datos: "Geist Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  --cue-alto-cabecera: 72px;
  --cue-margen: clamp(20px, 5vw, 72px);
}