/*
  Temas completos: barra lateral, color de acento, tipografía y detalles de las tablas.
  Cada usuario elige el suyo en «Apariencia» (se guarda en su usuario). El fondo de la zona
  de trabajo se elige aparte (tema.css), así se pueden combinar.
*/

/* ---------- Banca privada: azul profundo, oro y títulos con serifa ---------- */
html[data-tema="banca"] {
  --barra: #0B1F3A; --barra-texto: #C9D2E0; --barra-fuerte: #FFFFFF; --barra-suave: #8C9AB2; --barra-linea: #1A3050;
  --barra-control: #2C4466; --barra-hover: #15304F; --barra-activo: #132A47; --barra-marca: #C9A464; --barra-enlace: #D9BE8A;
  --admin-fondo: #B08D57; --admin-hover: #9C7B48; --admin-texto: #0B1F3A;
  --verde: #0B1F3A; --verde-hover: #17345C; --verde-claro: #F3EDE2; --acento: #A8834A; --foco: #EADFC9;
  --fuente-titulo: "Source Serif 4", Georgia, "Times New Roman", serif;
  --acento-claro: #D9BE8A; --boton-oscuro: #9C7B48;
}
html[data-tema="banca"] h1 { font-weight: 600; font-size: 1.75rem; letter-spacing: -0.01em; }
html[data-tema="banca"] h2 { font-weight: 600; font-size: 1.15rem; }
html[data-tema="banca"] .libro th { border-bottom: 2px solid var(--acento); }
html[data-tema="banca"] .btn.principal { color: #F7EFE0; }
html[data-tema="banca"] .hoja { border-top: 3px solid var(--acento); }
html[data-tema="banca"] .cifras .dato { font-family: var(--fuente-titulo); font-size: 1.5rem; }

/* ---------- Nórdico: claro, aireado, barra blanca y acento verde azulado ---------- */
html[data-tema="nordico"] {
  --barra: #FFFFFF; --barra-texto: #334155; --barra-fuerte: #0F172A; --barra-suave: #94A3B8; --barra-linea: #EEF2F6;
  --barra-control: #E2E8F0; --barra-hover: #F1F5F9; --barra-activo: #E6F4F2; --barra-marca: #0F766E; --barra-enlace: #0F766E;
  --admin-fondo: #0F172A; --admin-hover: #1E293B; --admin-texto: #FFFFFF;
  --verde: #0F766E; --verde-hover: #0C5F59; --verde-claro: #E6F4F2; --acento: #0F766E; --foco: #CCE8E4;
  --fuente: "Manrope", "Segoe UI", system-ui, sans-serif; --fuente-titulo: var(--fuente); --fuente-num: var(--fuente);
  --acento-claro: #5EC4B6; --boton-oscuro: #0F766E; --radio: 8px;
}
html[data-tema="nordico"] body { font-family: var(--fuente); }
html[data-tema="nordico"] .lateral { border-right-color: #E8ECF1; }
html[data-tema="nordico"] h1 { font-weight: 700; font-size: 1.6rem; letter-spacing: -0.025em; }
html[data-tema="nordico"] .hoja { border-radius: 12px; border-color: #E5EAF0; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06); }
html[data-tema="nordico"] .libro th { border-bottom-color: #E5EAF0; }
html[data-tema="nordico"] .btn { border-radius: 8px; }
html[data-tema="nordico"] .lateral .menu a.activo { border-left-color: transparent; border-radius: 8px; }
html[data-tema="nordico"] .lateral .menu a { border-radius: 8px; }

/* ---------- Índigo: estilo fintech, barra casi negra, importes en letra monoespaciada ---------- */
html[data-tema="indigo"] {
  --barra: #0E1116; --barra-texto: #C3C8D2; --barra-fuerte: #FFFFFF; --barra-suave: #7D8594; --barra-linea: #1C2129;
  --barra-control: #2E3440; --barra-hover: #1A1F28; --barra-activo: #1E2233; --barra-marca: #818CF8; --barra-enlace: #A5B4FC;
  --admin-fondo: #14B8A6; --admin-hover: #0EA594; --admin-texto: #042F2C;
  --verde: #4F46E5; --verde-hover: #4338CA; --verde-claro: #EEF0FF; --acento: #4F46E5; --foco: #DCDFFE;
  --fuente: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; --fuente-titulo: var(--fuente);
  --fuente-num: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --acento-claro: #A5B4FC; --boton-oscuro: #4F46E5;
}
html[data-tema="indigo"] body { font-family: var(--fuente); }
html[data-tema="indigo"] h1 { font-weight: 600; font-size: 1.55rem; }
html[data-tema="indigo"] .libro td.num, html[data-tema="indigo"] .cifras .dato { letter-spacing: -0.02em; }
html[data-tema="indigo"] .btn.principal { box-shadow: 0 1px 2px rgba(79, 70, 229, 0.35); }

/* ---------- Bosque: verde profundo con detalles en oro viejo ---------- */
html[data-tema="bosque"] {
  --barra: #0F3B2E; --barra-texto: #CFE0D8; --barra-fuerte: #FFFFFF; --barra-suave: #8FB0A2; --barra-linea: #1C4D3E;
  --barra-control: #2F6353; --barra-hover: #175142; --barra-activo: #144838; --barra-marca: #E3C567; --barra-enlace: #E3C567;
  --admin-fondo: #E3C567; --admin-hover: #D4B44F; --admin-texto: #0F3B2E;
  --verde: #1F6F54; --verde-hover: #175A44; --verde-claro: #E6F2EC; --acento: #1F6F54; --foco: #CFE6DA;
  --fuente: "Public Sans", "Segoe UI", system-ui, sans-serif; --fuente-titulo: var(--fuente); --fuente-num: var(--fuente);
  --acento-claro: #7FD1AE; --boton-oscuro: #1F6F54;
}
html[data-tema="bosque"] body { font-family: var(--fuente); }
html[data-tema="bosque"] h1 { font-weight: 700; font-size: 1.55rem; }
html[data-tema="bosque"] .libro th { border-bottom: 2px solid var(--verde); }

/* ---------- Burdeos: vino y cobre, títulos con serifa moderna ---------- */
html[data-tema="burdeos"] {
  --barra: #3A1421; --barra-texto: #E6CFD5; --barra-fuerte: #FFFFFF; --barra-suave: #B08A94; --barra-linea: #4E2030;
  --barra-control: #6A3546; --barra-hover: #4A1B2B; --barra-activo: #521E30; --barra-marca: #E0B07A; --barra-enlace: #E8C49A;
  --admin-fondo: #C9935F; --admin-hover: #B8824F; --admin-texto: #2A0E18;
  --verde: #7A2236; --verde-hover: #651B2C; --verde-claro: #F6E9EC; --acento: #7A2236; --foco: #EED6DC;
  --fuente-titulo: "Fraunces", Georgia, "Times New Roman", serif;
  --acento-claro: #E8A7B5; --boton-oscuro: #8C2F45;
}
html[data-tema="burdeos"] h1 { font-weight: 600; font-size: 1.75rem; letter-spacing: -0.01em; }
html[data-tema="burdeos"] h2 { font-weight: 600; }
html[data-tema="burdeos"] .cifras .dato { font-family: var(--fuente-titulo); font-size: 1.5rem; }
html[data-tema="burdeos"] .libro th { border-bottom: 1px solid var(--acento); }

/* ---------- Con fondo oscuro, la barra siempre es oscura (aunque el tema la use clara) ---------- */
html[data-tema][data-fondo="noche"], html[data-tema][data-fondo="grafito"] {
  --verde: var(--acento-claro); --acento: var(--acento-claro);
}
html[data-tema="nordico"][data-fondo="noche"] { --barra: #0A101A; --barra-linea: #1C2636; }
html[data-tema="nordico"][data-fondo="grafito"] { --barra: #111214; --barra-linea: #24262A; }
html[data-tema="nordico"][data-fondo="noche"], html[data-tema="nordico"][data-fondo="grafito"] {
  --barra-texto: #C7CEDA; --barra-fuerte: #FFFFFF; --barra-suave: #8794A8; --barra-control: #3A475B;
  --barra-activo: #1A2436; --barra-hover: #222E42; --barra-marca: #5EC4B6; --barra-enlace: #5EC4B6;
  --admin-fondo: #0F766E; --admin-hover: #0C5F59;
}
html[data-tema="nordico"][data-fondo="noche"] .lateral, html[data-tema="nordico"][data-fondo="grafito"] .lateral { border-right-color: var(--renglon); }
html[data-tema="banca"][data-fondo="noche"] .btn.principal, html[data-tema="banca"][data-fondo="grafito"] .btn.principal { color: #0B1F3A; background-color: #D9BE8A; border-color: #D9BE8A; }