/* Identidad de Inmersive en Alma: el ÚNICO lugar donde viven sus colores y
 * tipografías. Lo leen las pantallas del cliente (alma.css) y también el PDF
 * del briefing (alma/marca.py lee los valores de este archivo, porque
 * xhtml2pdf no entiende var()). Cambiar un color = editar esta línea.
 *
 * Reglas de uso:
 * - El logo (JPEG con fondo grafito) va siempre sobre una banda --grafito.
 * - Texto sobre --naranja: siempre --sobre-naranja (#2B2B2B), nunca blanco.
 * - --rosa nunca como texto pequeño sobre fondo claro: para texto, --rosa-texto.
 * - Errores en --error, nunca en rosa.
 */
:root{
  --grafito:#545454;
  --naranja:#FF6E2F;
  --sobre-naranja:#2B2B2B;
  --rosa:#FF1F70;
  --rosa-texto:#D4145A;
  --destello:#F2F2F2;
  --base:#F7F6F5;
  --surface:#FFFFFF;
  --ink:#2B2B2B;
  --muted:#5F5F5F;
  --line:#DDDAD7;
  --chip:#FFFFFF;
  --chip-on:#545454;
  --chip-on-ink:#FFFFFF;
  --error:#B42318;
  --display:"Fredoka","Trebuchet MS",system-ui,sans-serif;
  --text:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
}
/* Modo oscuro: los mismos valores de la referencia (docs/alma/referencia_briefing.html). */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --base:#1E1E1E; --surface:#2A2A2A; --ink:#F2F2F2; --muted:#B5B5B5; --line:#3D3D3D;
    --rosa-texto:#FF5A8F; --chip:#2A2A2A; --chip-on:#F2F2F2; --chip-on-ink:#2B2B2B; --error:#FF8A7A;
  }
}
:root[data-theme="dark"]{
  --base:#1E1E1E; --surface:#2A2A2A; --ink:#F2F2F2; --muted:#B5B5B5; --line:#3D3D3D;
  --rosa-texto:#FF5A8F; --chip:#2A2A2A; --chip-on:#F2F2F2; --chip-on-ink:#2B2B2B; --error:#FF8A7A;
}