/* ============================================================
   PALETA HESER / PANIFICADORA ISMAEL — validada (dataviz rule)
   Basada en la marca (vino + azul) del sistema RRHH, con las
   correcciones necesarias para pasar el validador de paletas:
     - se renombra "--negro"/"--verde" (ambos eran el mismo azul,
       #28427A, que NO es negro ni verde)
     - se agrega un verde real para estados "positivo/éxito"
     - se agrega una variante de azul y vino aptas para MARCAS DE
       DATOS en gráficos (el azul original es demasiado oscuro
       para eso — el validador lo marca FAIL de banda de luminosidad)
   ============================================================ */

:root {
  color-scheme: light;

  /* ---- Estructura / marca (texto, fondos, bordes) ---- */
  --vino:            #ED1E2E;   /* acento de marca / peligro */
  --vino-oscuro:      #B5121F;   /* hover del vino */
  --azul:             #28427A;   /* antes mal llamado "--negro" y "--verde" */
  --texto:            #28427A;
  --texto-suave:      #5a5a5a;
  --borde:            #dddddd;
  --blanco:           #ffffff;
  --crema:            #ffffff;

  /* ---- Marcas de datos para gráficos (categórica, validada) ----
     Igual matiz que la marca, pero re-escalonada dentro de la banda
     de luminosidad OKLCH que exige la regla (0.43–0.77 en claro).
     El azul de marca (#28427A) y el vino (#ED1E2E) NO se usan
     directamente como series de gráfico: son demasiado oscuros /
     quedan muy pegados en contraste. */
  --dato-azul:        #4169B0;
  --dato-naranja:      #eb6834;
  --dato-verde:        #1baf7a;
  --dato-amarillo:     #eda100;

  /* ---- Estado (fijo — nunca se usa solo el color, siempre con
     ícono + etiqueta, según la regla) ---- */
  --estado-bien:       #0ca30c;
  --estado-alerta:     #fab219;
  --estado-grave:      #ec835a;
  --estado-critico:    #d03b3b;

  --radio: 6px;
}

@media (prefers-color-scheme: dark) {
  :root:where(:not([data-theme="light"])) {
    color-scheme: dark;
    --azul:            #6f93cf;   /* subido de luminosidad para superficie oscura */
    --texto:            #e8e6e1;
    --texto-suave:      #c3c2b7;
    --borde:            #3a3a38;
    --blanco:           #1a1a19;
    --crema:            #1a1a19;

    --dato-azul:        #5580c4;
    --dato-naranja:      #d95926;
    --dato-verde:        #199e70;
    --dato-amarillo:     #c98500;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --azul:              #6f93cf;
  --texto:              #e8e6e1;
  --texto-suave:        #c3c2b7;
  --borde:              #3a3a38;
  --blanco:             #1a1a19;
  --crema:              #1a1a19;

  --dato-azul:          #5580c4;
  --dato-naranja:        #d95926;
  --dato-verde:          #199e70;
  --dato-amarillo:       #c98500;
}