/* ==========================================================================
   ESCALO Panel — Tokens semánticos de estado
   --------------------------------------------------------------------------
   Estos tokens son propios del panel, no viven en el kit de marca. Cubren
   estados que la home no necesita (peligro/advertencia/exito/info) para
   badges, toasts, chips y elementos de feedback en la UI de aplicación.

   Todos los pares (frente / fondo) están declarados en
   ../../Kit de marca (pendiente)/kit/02-color/verificar-contraste.py bajo
   la sección "panel". Correr el validador después de cualquier cambio.
   ========================================================================== */

/* --- Tema claro --- */
:root,
[data-tema="claro"] {
  --exito:            #087F5B; /* 5.35:1 sobre blanco — AA */
  --exito-sutil:      #D3F9E5;

  --peligro:          #B02A2A; /* 6.65:1 sobre blanco — AA */
  --peligro-sutil:    #FEE2E2;

  --advertencia:      #92400E; /* 8.05:1 sobre blanco — AAA */
  --advertencia-sutil:#FEF3C7;

  --info:             #1D4ED8; /* 8.24:1 sobre blanco — AAA */
  --info-sutil:       #DBEAFE;
}

/* --- Tema oscuro --- */
[data-tema="oscuro"] {
  --exito:            #4ADE80; /* 10.79:1 sobre tinta — AAA */
  --exito-sutil:      rgb(74 222 128 / .18);

  --peligro:          #F87171; /* 7.62:1 sobre tinta — AAA */
  --peligro-sutil:    rgb(248 113 113 / .18);

  --advertencia:      #F59E0B; /* 9.42:1 sobre tinta — AAA */
  --advertencia-sutil:rgb(245 158 11 / .18);

  --info:             #7DD3FC; /* 11.85:1 sobre tinta — AAA */
  --info-sutil:       rgb(125 211 252 / .16);
}