/* Tema "Actual": el diseño original de la app (claro y oscuro).
   Solo variables: cambiar un valor aquí cambia ese color en toda la app. */
:root {
  --bg: #f3f5f8; --card: #ffffff; --texto: #1c2430; --suave: #5f6b7a; --linea: #e1e6ed;
  --azul: #1F4E78; --azul-claro: #e4eef8;
  --verde: #1b7f3b; --verde-bg: #e2f4e7;
  --rojo: #b3261e; --rojo-bg: #fce8e6;
  --ambar: #8a5a00; --ambar-bg: #fff1cc;
  --gris-bg: #e9edf2;
  --fuente: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --sobre-azul: #fff; --sobre-ambar: #fff;
  --cab-fondo: var(--azul); --cab-texto: #fff; --cab-boton: rgba(255,255,255,.16); --cab-etiqueta: rgba(255,255,255,.22);
  --whatsapp: #1c8d4a; --velo: rgba(0,0,0,.5);
  --fer-fondo: #efe8f7; --fer-texto: #6a4c93; --fer-borde: #b69ad6;
}
@media (prefers-color-scheme: dark) {
  :root:where(:not([data-tema]), [data-tema="actual"]) {
    --bg: #0f141b; --card: #18202b; --texto: #e8edf3; --suave: #9aa6b5; --linea: #2a3544;
    --azul: #6fa8dc; --azul-claro: #1d2b3b;
    --verde: #6fd08c; --verde-bg: #14301f;
    --rojo: #ff8a80; --rojo-bg: #3a1c1a;
    --ambar: #ffd166; --ambar-bg: #3a2f10;
    --gris-bg: #263040;
    --sobre-azul: #0f141b;
    --cab-fondo: #17283a; --cab-texto: #e8edf3;
    --whatsapp: #4fd58a;
  }
}