/* Paleta de Efinfo (guia.md, sección 3). El azul manda; el rojo solo para errores.
   Modo oscuro con :root[data-tema='oscuro']; sin elección guardada, sigue al sistema. */
:root {
  color-scheme: light;
  --efinfo-azul: #0065a1;
  --efinfo-azul-oscuro: #004f7d;
  --efinfo-rojo: #db0632;
  --texto-fuerte: #3b3d40;
  --texto: #53565a;
  --texto-suave: #63666a;
  --borde: #dadada;
  --borde-fuerte: #c8c8c8;
  --fondo: #ffffff;
  --fondo-suave: #f5f5f5;
  --azul-suave: #e6f0f6;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema='claro']) {
    color-scheme: dark;
    --efinfo-azul: #5aa9e0;
    --efinfo-azul-oscuro: #8cc4ec;
    --efinfo-rojo: #ff6b85;
    --texto-fuerte: #eceef1;
    --texto: #c9ccd1;
    --texto-suave: #a5aab1;
    --borde: #33373d;
    --borde-fuerte: #4a4f57;
    --fondo: #1d2024;
    --fondo-suave: #15171a;
    --azul-suave: #1b2c3a;
  }
}
:root[data-tema='oscuro'] {
  color-scheme: dark;
  --efinfo-azul: #5aa9e0;
  --efinfo-azul-oscuro: #8cc4ec;
  --efinfo-rojo: #ff6b85;
  --texto-fuerte: #eceef1;
  --texto: #c9ccd1;
  --texto-suave: #a5aab1;
  --borde: #33373d;
  --borde-fuerte: #4a4f57;
  --fondo: #1d2024;
  --fondo-suave: #15171a;
  --azul-suave: #1b2c3a;
}