/* ============================================================================
   Búho Fiscal — LA paleta. Un solo sitio.
   2026-09-02.

   Antes esto vivía en CUATRO ficheros con valores distintos --saas.css en
   verde, design-system.css y app-theme.css en un navy, landing_sqs.css en
   otro-- MÁS un `:root` propio dentro de cinco plantillas que no heredan de
   `base.html`. Resultado: el cliente entraba a una pantalla y la veía verde y
   a la de al lado azul. Repintar un fichero no arreglaba nada porque los
   hermanos seguían con lo suyo.

   Este fichero se carga ANTES que cualquier otro CSS en todas las plantillas
   base y en las sueltas. Los demás ficheros ya no declaran colores: los usan.

   Los alias existen porque el proyecto arrastra tres convenciones de nombre
   (`--primary`, `--brand`, `--color-accent`, `--sat-*`). Renombrarlas de golpe
   tocaría cientos de reglas; que todas apunten al MISMO valor resuelve el
   problema real, que era la divergencia.

   COLORES DE ESTADO: el verde de éxito, el ámbar de aviso y el rojo de error
   NO son marca. Significan algo para quien lee la pantalla y no se recolorean
   por estética.
   ========================================================================= */
:root {
  /* ── superficies ───────────────────────────────────────────────────── */
  --bg:            #f4f6f9;
  --surface:       #ffffff;
  --surface-soft:  #e9edf3;
  --surface-muted: #eef2f7;
  --line:          #d2dae4;
  --border:        #d2dae4;

  /* ── tinta ─────────────────────────────────────────────────────────── */
  --ink:           #0e1b2c;
  --text:          #0e1b2c;
  --muted:         #55647a;
  --text-muted:    #55647a;

  /* ── marca: azul marino + cobre ────────────────────────────────────── */
  --primary:        #1b3c66;
  --primary-strong: #102845;
  --primary-soft:   #2a5a92;
  --accent:         #a3612c;
  --accent-soft:    #c2854b;
  --sidebar:        #0e2340;
  --sidebar-soft:   #1c3a5e;
  --assistant:      #14304f;

  /* ── estado: NO tocar por estética ─────────────────────────────────── */
  --ok:      #1c7a55;
  --danger:  #b23a2f;
  --warning: #a8721c;

  /* Variantes para TEXTO sobre fondo claro. Los de arriba sirven de relleno
     (botones, barras) pero como texto se quedan en 3.8:1 y 3.3:1 -- suficiente
     para titulares grandes, no para los de 1rem que usa el dashboard. Estos
     son el tono mas claro que llega a 4.5:1 sobre la tarjeta Y sobre blanco;
     calculado, no elegido a ojo. */
  --ok-texto:      #196d4c;
  --warning-texto: #895d16;

  /* Y las variantes para fondo OSCURO. La paleta necesita las DOS
     direcciones: el modal de celebracion y la barra lateral son oscuros, y
     ahi el tono legible sobre claro se queda en 1.86:1. Un solo tono por
     estado obliga a elegir cual de las dos pantallas se ve mal. */
  --ok-claro:      #76af99;
  --warning-claro: #c29c60;

  /* ── alias de las convenciones antiguas, al MISMO valor ────────────── */
  --brand:              #1b3c66;
  --brand-dark:         #102845;
  --color-primary:      #1b3c66;
  --color-primary-soft: #2a5a92;
  --color-accent:       #1b3c66;
  --color-accent-soft:  #2a5a92;
  --color-bg:           #f4f6f9;
  --color-surface:      #ffffff;
  --color-text:         #0e1b2c;
  --color-text-muted:   #55647a;
  --color-muted:        #8a97a8;
  --color-border:       #d2dae4;
  --color-success:      #1c7a55;
  --color-warning:      #a8721c;
  --color-error:        #b23a2f;
  --color-info:         #1b3c66;
  --sat-rojo:           #1b3c66;
  --sat-oscuro:         #102845;
  --sat-medio:          #1c3a5e;
  --sat-acento:         #a3612c;
  --pill:               #ffffff;

  /* 2026-09-02: estos dos se USABAN sin estar declarados en ninguna hoja --ya
     antes de unificar la paleta-- asi que salian sin valor y el navegador
     dejaba la propiedad sin aplicar. Se descubrieron comparando los `var()`
     usados contra los declarados. */
  --hover:              #e9edf3;
  --surface-alt:        #eef2f7;
}