/* Superficies institucionales. Se carga sólo cuando la marca elige este tema.
   El azul y el amarillo de AAPAS siguen saliendo de su configuración. */
:root {
  --arena:#F4F7FA;
  --arena-2:#E8F1FA;
  --arena-3:#D8E3EE;
  --papel:#FFFFFF;
  --tinta:#243447;
  --tinta-2:#536579;
  --linea:#DCE4EC;
  --ok:#21734B;
  --ok-suave:#EAF5EE;
  --alerta:#B42318;
  --alerta-suave:#FEF3F2;
  --aviso-suave:#FFF5DE;
  --sombra:0 1px 3px rgba(24,49,77,.05);
  --sombra-2:0 1px 3px rgba(24,49,77,.05),0 6px 18px rgba(24,49,77,.04);
}

/* El amarillo queda en la acción destacada, sin repetirse en cada avatar o KPI. */
:root .avatar { background:var(--arena-2);color:var(--bosque); }
:root .brand-b,:root .user-r { color:#D6E6F5; }
:root .user-n { color:#FFFFFF; }
:root .nav-item.on { background:var(--arena-2);color:var(--bosque); }
:root .nav-grabar:hover { background:color-mix(in srgb,var(--mostaza) 80%,white); }
:root .nav-grabar .dot { background:var(--bosque); }
:root .eyebrow::before { background:var(--bosque); }
:root .tk .h1-unidad { background:var(--arena-2); }
:root .tile::after,:root .kpi::after { background:var(--bosque); }
:root .page-head::before,:root .page-head::after { opacity:.35; }

/* Estados con su texto e icono existentes; las cifras conservan el azul. */
:root .pill.ok,:root .chip.ok,:root .chip-listo {
  background:var(--ok-suave);color:var(--ok);
}
:root .pill.warn,:root .chip-proc { background:var(--aviso-suave);color:#805600; }
:root .pill.alert,:root .chip.al,:root .chip-err {
  background:var(--alerta-suave);color:var(--alerta);
  box-shadow:inset 0 0 0 1px #F3C6C2;
}
:root .err { color:var(--alerta); }
:root .tk button.ir { color:var(--bosque); }
:root .tk button.ir:hover { color:var(--bosque-2); }