/* Generado por colores.py — no editar a mano.
   Cambiá la tabla de tokens y volvé a correr herramientas/generar-temas.py */

/* 1) elección explícita del usuario */
[data-mode="dark"] {
  --fondo: #0f1216;
  --fondo-2: #161a20;
  --fondo-3: #1c2129;
  --panel: #161a20;
  --borde: #272d37;
  --borde-fuerte: #3c4450;
  --sombra: rgba(0,0,0,.50);
  --overlay: rgba(0,0,0,.62);
  --texto: #e9ecf1;
  --texto-2: #a9b2bf;
  --texto-3: #7c8593;
  --texto-invertido: #0f1216;
  --barra-fondo: #0b0d11;
  --barra-texto: #e9ecf1;
  --barra-texto-2: #8d96a4;
  --barra-borde: #1b2028;
  --marca: #ffd230;
  --sobre-marca: #14171c;
  --ok: #3ec07d;
  --ok-suave: #10291d;
  --sobre-ok: #06120c;
  --alerta: #f6a723;
  --alerta-suave: #2a1d0a;
  --sobre-alerta: #1b1203;
  --error: #f87171;
  --error-suave: #2b1210;
  --sobre-error: #200a08;
  --extra: #a78bfa;
  --extra-suave: #1e1533;
  --sobre-extra: #150c26;
  --codigo-fondo: #0b0e13;
  --codigo-texto: #e6e9ef;
  --tabla-cabecera: #1b2029;
  --fila-alterna: #12161c;
  --cinta: #0b0d11;
  --esquema: dark;
}

/* 2) auto = seguir al sistema. Acá va el tema OSCURO completo. */
[data-mode="auto"] {
  --fondo: #0f1216;
  --fondo-2: #161a20;
  --fondo-3: #1c2129;
  --panel: #161a20;
  --borde: #272d37;
  --borde-fuerte: #3c4450;
  --sombra: rgba(0,0,0,.50);
  --overlay: rgba(0,0,0,.62);
  --texto: #e9ecf1;
  --texto-2: #a9b2bf;
  --texto-3: #7c8593;
  --texto-invertido: #0f1216;
  --barra-fondo: #0b0d11;
  --barra-texto: #e9ecf1;
  --barra-texto-2: #8d96a4;
  --barra-borde: #1b2028;
  --marca: #ffd230;
  --sobre-marca: #14171c;
  --ok: #3ec07d;
  --ok-suave: #10291d;
  --sobre-ok: #06120c;
  --alerta: #f6a723;
  --alerta-suave: #2a1d0a;
  --sobre-alerta: #1b1203;
  --error: #f87171;
  --error-suave: #2b1210;
  --sobre-error: #200a08;
  --extra: #a78bfa;
  --extra-suave: #1e1533;
  --sobre-extra: #150c26;
  --codigo-fondo: #0b0e13;
  --codigo-texto: #e6e9ef;
  --tabla-cabecera: #1b2029;
  --fila-alterna: #12161c;
  --cinta: #0b0d11;
  --esquema: dark;
}

/* 3) auto con el sistema en claro: vuelve al claro, TODAS otra vez */
@media (prefers-color-scheme: light) {
  [data-mode="auto"] {
    --fondo: #f4f6f8;
    --fondo-2: #ffffff;
    --fondo-3: #e9edf2;
    --panel: #ffffff;
    --borde: #d5dae1;
    --borde-fuerte: #a7b0bd;
    --sombra: rgba(16,20,28,.10);
    --overlay: rgba(16,20,28,.45);
    --texto: #14171c;
    --texto-2: #4a525e;
    --texto-3: #6b7583;
    --texto-invertido: #ffffff;
    --barra-fondo: #14171c;
    --barra-texto: #e9ecf1;
    --barra-texto-2: #98a1af;
    --barra-borde: #272d37;
    --marca: #f2c200;
    --sobre-marca: #14171c;
    --ok: #1a7f4b;
    --ok-suave: #e4f4ea;
    --sobre-ok: #ffffff;
    --alerta: #b45309;
    --alerta-suave: #fdf1e0;
    --sobre-alerta: #ffffff;
    --error: #b32318;
    --error-suave: #fdeceb;
    --sobre-error: #ffffff;
    --extra: #6d28d9;
    --extra-suave: #f1ebfd;
    --sobre-extra: #ffffff;
    --codigo-fondo: #11141a;
    --codigo-texto: #e6e9ef;
    --tabla-cabecera: #e9edf2;
    --fila-alterna: #fafbfc;
    --cinta: #14171c;
    --esquema: light;
  }
}