:root{--color-primario: #0b5fa5;--color-primario-hover: #084c85;--color-primario-suave: #eaf3fb;--color-acento: #0f8a3e;--fondo-pagina: #f3f6fa;--fondo-superficie:#ffffff;--fondo-pestanas: #e2e8f0;--fondo-pestana: #cbd5e1;--barra-fondo: #0b2a4a;--barra-texto: #ffffff;--barra-enlace: #8cc4f0;--texto: #0b1220;--texto-menu: #0f172a;--texto-titulo: #020617;--texto-suave: #3b4a5f;--borde: #cbd5e1;--borde-campo: #94a3b8;--error-fondo: #fee2e2;--error-texto: #991b1b;--cerrar-hover: #dc2626;--ok-fondo: #dcfce7;--ok-texto: #166534;--aviso-fondo: #fef3c7;--aviso-texto: #92400e;--grafico-1: #0b5fa5;--grafico-2: #16a34a;--grafico-3: #f59e0b;--grafico-4: #dc2626;--grafico-5: #7c3aed;--grafico-6: #0891b2;--grafico-7: #db2777;--grafico-8: #65a30d;--mov-entradas: #86efac;--mov-salidas: #fca5a5;--mov-saldo: #c7d2fe;--sombra-tarjeta: 0 1px 3px rgba(15,23,42,.08);--radio-tarjeta: 10px;--boton-sec-fondo: #cbd5e1;--boton-sec-texto: #1e293b;--boton-sec-hover: #94a3b8;--fondo-subtotal: #f1f5f9;--fuente: "Plus Jakarta Sans",system-ui,"Segoe UI",Arial,sans-serif;--radio: 6px;--ancho-menu: 260px;--alto-barra: 46px}/* MODO OSCURO: se activa con el botón de la barra superior (html[data-tema="oscuro"],guardado en el navegador). Solo cambia valores;ningún otro archivo necesita saberlo. */ :root[data-tema="oscuro"]{color-scheme: dark;--color-primario: #2f80cf;--color-primario-hover: #4a95df;--color-primario-suave: #172640;--color-acento: #34c76b;--fondo-pagina: #0b1220;--fondo-superficie:#131c2e;--fondo-pestanas: #0f1727;--fondo-pestana: #1f2a40;--barra-fondo: #060b15;--barra-texto: #f1f5f9;--barra-enlace: #8cc4f0;--texto: #e2e8f0;--texto-menu: #cbd5e1;--texto-titulo: #f8fafc;--texto-suave: #94a3b8;--borde: #25324a;--borde-campo: #35435f;--error-fondo: #3b1519;--error-texto: #fca5a5;--ok-fondo: #11301f;--ok-texto: #86efac;--aviso-fondo: #3a2c0b;--aviso-texto: #fcd34d;--grafico-1: #4a95df;--grafico-2: #34d27a;--grafico-3: #fbbf24;--grafico-4: #f87171;--grafico-5: #a78bfa;--grafico-6: #22c3e6;--grafico-7: #f472b6;--grafico-8: #a3e635;--mov-entradas: #14532d;--mov-salidas: #7f1d1d;--mov-saldo: #312e81;--sombra-tarjeta: 0 1px 3px rgba(0,0,0,.5);--boton-sec-fondo: #243049;--boton-sec-texto: #e2e8f0;--boton-sec-hover: #31405f;--fondo-subtotal: #18233a}