/* tokens.css — paleta --domia-* para las paginas que NO cargan main.css
   =====================================================================
   UX0-01: el portal del vecino, las paginas publicas (aviso por QR,
   encuesta, baja de emails, demo caducada) y el cartel imprimible tienen su
   propio CSS y no cargan main.css. Antes definian los tokens en un :root
   propio a partir de si mismos (`--domia-primary: var(--domia-primary)`),
   valor invalido: el navegador descartaba la declaracion y todo lo que usaba
   ese token se pintaba sin color.

   Este fichero es la MISMA paleta de main.css (bloque :root del modo claro),
   extraida para poder enlazarla sola. No se escriben colores a mano en las
   plantillas: se enlaza esto y se usa var(--domia-*).

   Si cambia la paleta de main.css hay que copiarla aqui;
   tests/test_plantillas_css_tokens.py falla si los dos bloques divergen.
*/
:root {
    --domia-primary: #3D6B5A;
    --domia-primary-soft: #e8f0ec;
    --domia-primary-hover: #2d5245;
    --domia-dark: #1A2332;
    --domia-green: #5A8C76;
    --domia-green-soft: #e0ede6;
    --domia-green-hover: #487461;
    --domia-orange: #ea580c;
    --domia-orange-soft: #ffedd5;
    /* CON-V-02: color del TEXTO de las pastillas -soft. El token de la
       paleta sobre su propio fondo claro no llega al minimo legible
       (verde 3,20:1, naranja 3,11:1, beige 2,65:1; el minimo son 4,5:1).
       Son los mismos tonos, bajados en luminosidad lo justo para cruzarlo.
       La paleta general no se toca: sobre blanco ya cumple. */
    --domia-green-soft-fg: #48705e;
    --domia-red-soft-fg: #c82020;
    --domia-orange-soft-fg: #b9460a;
    --domia-beige-soft-fg: #726450;
    --domia-orange-hover: #c2410c;
    --domia-red: #dc2626;
    --domia-red-soft: #fee2e2;
    --domia-purple: #7c3aed;
    --domia-purple-soft: #ede9fe;
    --domia-beige: #9C8B72;
    --domia-beige-light: #EDE5DA;
    --domia-gray-50: #FAFAF8;
    --domia-gray-100: #f3eeea;
    --domia-gray-200: #d8cfc4;
    --domia-gray-500: #6F6253; /* texto secundario: 5,1:1 sobre #F0EBE4 y 6:1 sobre blanco (antes #9C8B72 = 3,3:1, no llegaba a AA) */
    --domia-gray-400: #9C8B72; /* tono beige original: solo para bordes, iconos decorativos y fondos */
    --domia-gray-300: #BCAE9C; /* bordes marcados, guiones de "sin dato" */
    --domia-gray-600: #5A4F43; /* texto secundario con enfasis */
    --domia-gray-700: #463E35;
    --domia-gray-800: #332D27; /* texto fuerte, casi --domia-dark */
    /* Alias que las pantallas ya usaban sin definicion (ACC-21): */
    --domia-bg: #F0EBE4;          /* fondo de pagina (el de body) */
    --domia-bg-soft: #FAFAF8;     /* fondo suave de paneles (= gray-50) */
    --domia-card-bg: #ffffff;     /* fondo de tarjeta */
    --domia-navy: #1A2332;        /* alias historico de --domia-dark */
    --domia-radius: 0.5rem;
}


/* UX3-01 — los cinco tonos del badge de estado (macro badge_estado).
   Copia literal del bloque de main.css: el portal del vecino pinta los mismos
   estados que la app (una incidencia «resuelta» es verde en los dos lados) y
   antes tenia su propio diccionario con hex a mano en la plantilla.
   tests/test_tono_estado.py comprueba que los cinco tonos existen aqui. */
.ui-badge { font-weight: 600; }
.ui-badge-exito   { background: var(--domia-green-soft);   color: var(--domia-green-soft-fg); }
.ui-badge-aviso   { background: var(--domia-orange-soft);  color: var(--domia-orange-soft-fg); }
.ui-badge-peligro { background: var(--domia-red-soft);     color: var(--domia-red-soft-fg); }
.ui-badge-info    { background: var(--domia-purple-soft);  color: var(--domia-purple); }
.ui-badge-neutro  { background: var(--domia-gray-100);     color: var(--domia-gray-600); }