/* Tema oscuro del panel (14-oct-2026). Redefine los tokens de admin.html
   (v4) para el modo oscuro; el botón «Tema» de la barra lateral elige
   claro (por defecto), oscuro o «como el sistema». Los módulos que usan los
   tokens se ven bien en oscuro (Personas, verificado con capturas); los que
   todavía tienen colores fijos en su CSS siguen claros donde los tengan. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0E1611; --canvas:#101A14; --card:#17221B; --text:#E4EEE7; --muted:#9FB1A5; --label:#93A99B;
  --border:#2A3A30; --border-suave:#233229; --divisor:#1D2A22;
  --accent:#3DBA6B; --accent-hover:#4CCB7A; --accent-deep:#9BE3B5; --accent-soft:#1C3526; --accent-text:#74D79A;
  --lime:#B6E43A; --oscuro:#E4EEE7; --brand-deep:#74D79A; --divider:#2A3A30;
  --abierto:#E2B25C; --proceso:#7FB3CC; --resuelto:#74D79A;
  --danger:#F08A72; --danger-soft:#3A201A; --danger-deep:#F6B3A2; --fila-alerta:#26191A; --borde-alerta:#4A2A24;
  --gold:#E2B25C; --gold-tint:#3A2E15; --slate:#8CC0D8; --slate-tint:#1C2B33;
  --table-head:#1B2720; --input-bg:#1B2720; --fila-ambar:#272214;
  --crit:#F29A84; --crit-tint:#3A201A; --crit-fill:#E0664B; --crit-line:#5A2E25;
  --aten:#E6BB64; --aten-tint:#3A2E15; --aten-fill:#D8A23A;
  --bien:#74D79A; --bien-tint:#1C3526; --bien-fill:#3DBA6B;
  --nada:#AEB8B2; --nada-tint:#242E28; --nada-fill:#7D8781;
  --u-bebidas-soft:#16283A; --u-snacks-soft:#2C1B33; --u-cafe-soft:#2E231B; --u-helados-soft:#14302F;
  --vg-bg:#0E1611; --vg-surface:#17221B; --vg-input-bg:#1B2720; --vg-border:#2A3A30; --vg-border-soft:#233229;
  --vg-divider:#1D2A22; --vg-table-head:#1B2720; --vg-text:#E4EEE7; --vg-text-2:#9FB1A5; --vg-text-3:#93A99B;
  --vg-tint:#1C3526; --vg-dark:#E4EEE7; --vg-red:#F08A72; --vg-red-bg:#3A201A; --vg-row-alert:#26191A;
  --vg-amber:#E2B25C; --vg-amber-bg:#3A2E15; --vg-row-amber:#272214;
  --shadow-sm:0 4px 14px rgba(0,0,0,.35); --shadow-card:0 4px 14px rgba(0,0,0,.35);
  --vg-shadow-card:0 4px 14px rgba(0,0,0,.35); --shadow-panel:0 12px 32px rgba(0,0,0,.5);
  --pe-morado:#C3AEF5; --pe-morado-bg:#2A2240; --pe-naranja:#F2A57C; --pe-naranja-bg:#3A2418;
  --cat-bebidas:#6FA8E8; --cat-snacks:#9AA6F0; --cat-cafe:#C99B74; --cat-helados:#4FC1CC; --cat-mixta:#B49AE6;
}
:root[data-theme="dark"] body{background:var(--bg); color:var(--text);}
/* El logo trae su texto verde oscuro: en oscuro va sobre su fondo claro. */
:root[data-theme="dark"] .sidebar-brand-logo{background:#EEF3EF; border-radius:12px; padding:6px 8px;}
:root[data-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), select, textarea{background-color:var(--input-bg); color:var(--text); border-color:var(--border);}
:root[data-theme="dark"] input::placeholder, :root[data-theme="dark"] textarea::placeholder{color:var(--muted);}
@media (prefers-color-scheme: dark){
  :root[data-theme="sistema"]{
    color-scheme:dark;
    --bg:#0E1611; --canvas:#101A14; --card:#17221B; --text:#E4EEE7; --muted:#9FB1A5; --label:#93A99B;
    --border:#2A3A30; --border-suave:#233229; --divisor:#1D2A22;
    --accent:#3DBA6B; --accent-hover:#4CCB7A; --accent-deep:#9BE3B5; --accent-soft:#1C3526; --accent-text:#74D79A;
    --lime:#B6E43A; --oscuro:#E4EEE7; --brand-deep:#74D79A; --divider:#2A3A30;
    --abierto:#E2B25C; --proceso:#7FB3CC; --resuelto:#74D79A;
    --danger:#F08A72; --danger-soft:#3A201A; --danger-deep:#F6B3A2; --fila-alerta:#26191A; --borde-alerta:#4A2A24;
    --gold:#E2B25C; --gold-tint:#3A2E15; --slate:#8CC0D8; --slate-tint:#1C2B33;
    --table-head:#1B2720; --input-bg:#1B2720; --fila-ambar:#272214;
    --crit:#F29A84; --crit-tint:#3A201A; --crit-fill:#E0664B; --crit-line:#5A2E25;
    --aten:#E6BB64; --aten-tint:#3A2E15; --aten-fill:#D8A23A;
    --bien:#74D79A; --bien-tint:#1C3526; --bien-fill:#3DBA6B;
    --nada:#AEB8B2; --nada-tint:#242E28; --nada-fill:#7D8781;
    --u-bebidas-soft:#16283A; --u-snacks-soft:#2C1B33; --u-cafe-soft:#2E231B; --u-helados-soft:#14302F;
    --vg-bg:#0E1611; --vg-surface:#17221B; --vg-input-bg:#1B2720; --vg-border:#2A3A30; --vg-border-soft:#233229;
    --vg-divider:#1D2A22; --vg-table-head:#1B2720; --vg-text:#E4EEE7; --vg-text-2:#9FB1A5; --vg-text-3:#93A99B;
    --vg-tint:#1C3526; --vg-dark:#E4EEE7; --vg-red:#F08A72; --vg-red-bg:#3A201A; --vg-row-alert:#26191A;
    --vg-amber:#E2B25C; --vg-amber-bg:#3A2E15; --vg-row-amber:#272214;
    --shadow-sm:0 4px 14px rgba(0,0,0,.35); --shadow-card:0 4px 14px rgba(0,0,0,.35);
    --vg-shadow-card:0 4px 14px rgba(0,0,0,.35); --shadow-panel:0 12px 32px rgba(0,0,0,.5);
    --pe-morado:#C3AEF5; --pe-morado-bg:#2A2240; --pe-naranja:#F2A57C; --pe-naranja-bg:#3A2418;
    --cat-bebidas:#6FA8E8; --cat-snacks:#9AA6F0; --cat-cafe:#C99B74; --cat-helados:#4FC1CC; --cat-mixta:#B49AE6;
  }
  :root[data-theme="sistema"] body{background:var(--bg); color:var(--text);}
  :root[data-theme="sistema"] .sidebar-brand-logo{background:#EEF3EF; border-radius:12px; padding:6px 8px;}
  :root[data-theme="sistema"] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), :root[data-theme="sistema"] select, :root[data-theme="sistema"] textarea{background-color:var(--input-bg); color:var(--text); border-color:var(--border);}
}