/* Temas de apariencia. Un bloque por tema; cada uno define TODAS las variables.
   Catppuccin: https://catppuccin.com/palette
   Corporativo: azul y blanco tomados del logo de Cooitzá (azul #004d97, amarillo #ffcd02). */

/* Catppuccin Latte */
:root,[data-tema="catppuccin-latte"]{
  color-scheme:light;
  --bg:#e6e9ef;
  --sidebar-bg:#dce0e8;
  --surface:#eff1f5;
  --surface-2:#e6e9ef;
  --surface-3:#ccd0da;
  --border:#ccd0da;
  --border-strong:#acb0be;
  --text:#4c4f69;
  --text-muted:#5c5f77;
  --text-faint:#8c8fa1;
  --accent:#8839ef;
  --accent-hover:color-mix(in srgb,var(--accent) 88%,black);
  --focus:var(--accent);
  --accent-contrast:#eff1f5;
  --accent-2:#ea76cb;
  --link:#1e66f5;
  --ok:#40a02b;
  --warn:#df8e1d;
  --danger:#d20f39;
  --info:#209fb5;
  --sidebar-text:#4c4f69;
  --sidebar-muted:#5c5f77;
  --sidebar-hover:#ccd0da;
  --sidebar-border:#bcc0cc;
  --sidebar-active-bg:#8839ef;
  --sidebar-active-text:#eff1f5;
  --shadow:0 1px 3px rgba(76,79,105,.18);
  --glow-shadow:0 0 0 rgba(0,0,0,0);
}

/* Catppuccin Frappé */
[data-tema="catppuccin-frappe"]{
  color-scheme:dark;
  --bg:#232634;
  --sidebar-bg:#292c3c;
  --surface:#303446;
  --surface-2:#414559;
  --surface-3:#51576d;
  --border:#414559;
  --border-strong:#51576d;
  --text:#c6d0f5;
  --text-muted:#b5bfe2;
  --text-faint:#838ba7;
  --accent:#ca9ee6;
  --accent-hover:color-mix(in srgb,var(--accent) 88%,white);
  --focus:var(--accent);
  --accent-contrast:#232634;
  --accent-2:#f4b8e4;
  --link:#8caaee;
  --ok:#a6d189;
  --warn:#e5c890;
  --danger:#e78284;
  --info:#85c1dc;
  --sidebar-text:#c6d0f5;
  --sidebar-muted:#b5bfe2;
  --sidebar-hover:#414559;
  --sidebar-border:#414559;
  --sidebar-active-bg:#ca9ee6;
  --sidebar-active-text:#232634;
  --shadow:0 1px 4px rgba(0,0,0,.45);
  --glow-shadow:0 0 0 rgba(0,0,0,0);
}

/* Corporativo · Claro: blanco y azul institucional (#004d97); amarillo solo como detalle */
[data-tema="corp-claro"]{
  color-scheme:light;
  --bg:#ffffff;
  --sidebar-bg:#f4f8fc;
  --surface:#ffffff;
  --surface-2:#f4f8fc;
  --surface-3:#e6eef8;
  --border:#dfe7f1;
  --border-strong:#bccde2;
  --text:#0d2540;
  --text-muted:#4a5f7a;
  --text-faint:#68809e;
  --accent:#004d97;
  --accent-hover:#003b75;
  --accent-contrast:#ffffff;
  --accent-2:#ffcd02;
  --focus:#004d97;
  --link:#004d97;
  --ok:#016a32;
  --warn:#8a5a00;
  --danger:#b3261e;
  --info:#1d5fa8;
  --sidebar-text:#0d2540;
  --sidebar-muted:#4a5f7a;
  --sidebar-hover:#e6eef8;
  --sidebar-border:#dfe7f1;
  --sidebar-active-bg:#004d97;
  --sidebar-active-text:#ffffff;
  --shadow:0 1px 2px rgba(0,40,90,.08),0 2px 6px rgba(0,40,90,.04);
  --glow-shadow:0 0 0 rgba(0,0,0,0);
}

/* Corporativo · Oscuro: azul marino profundo con acentos azul claro */
[data-tema="corp-oscuro"]{
  color-scheme:dark;
  --bg:#071a2e;
  --sidebar-bg:#0a2140;
  --surface:#0f2a4d;
  --surface-2:#0a2140;
  --surface-3:#163760;
  --border:#1d3a5f;
  --border-strong:#335a88;
  --text:#e9f1fb;
  --text-muted:#a6bcd9;
  --text-faint:#86a0c2;
  --accent:#1d62ad;
  --accent-hover:#2b74c4;
  --accent-contrast:#ffffff;
  --accent-2:#ffcd02;
  --focus:#7fb8f0;
  --link:#86c0f2;
  --ok:#3fbf7f;
  --warn:#f0c04a;
  --danger:#f2877f;
  --info:#86c0f2;
  --sidebar-text:#e9f1fb;
  --sidebar-muted:#a6bcd9;
  --sidebar-hover:#163760;
  --sidebar-border:#1d3a5f;
  --sidebar-active-bg:#1d62ad;
  --sidebar-active-text:#ffffff;
  --shadow:0 2px 8px rgba(0,0,0,.45);
  --glow-shadow:0 0 0 rgba(0,0,0,0);
}

/* Automático: Corporativo claro u oscuro, según la preferencia del sistema operativo */
[data-tema="auto"]{
  color-scheme:light;
  --bg:#ffffff;
  --sidebar-bg:#f4f8fc;
  --surface:#ffffff;
  --surface-2:#f4f8fc;
  --surface-3:#e6eef8;
  --border:#dfe7f1;
  --border-strong:#bccde2;
  --text:#0d2540;
  --text-muted:#4a5f7a;
  --text-faint:#68809e;
  --accent:#004d97;
  --accent-hover:#003b75;
  --accent-contrast:#ffffff;
  --accent-2:#ffcd02;
  --focus:#004d97;
  --link:#004d97;
  --ok:#016a32;
  --warn:#8a5a00;
  --danger:#b3261e;
  --info:#1d5fa8;
  --sidebar-text:#0d2540;
  --sidebar-muted:#4a5f7a;
  --sidebar-hover:#e6eef8;
  --sidebar-border:#dfe7f1;
  --sidebar-active-bg:#004d97;
  --sidebar-active-text:#ffffff;
  --shadow:0 1px 2px rgba(0,40,90,.08),0 2px 6px rgba(0,40,90,.04);
  --glow-shadow:0 0 0 rgba(0,0,0,0);
}

@media (prefers-color-scheme: dark){
[data-tema="auto"]{
  color-scheme:dark;
  --bg:#071a2e;
  --sidebar-bg:#0a2140;
  --surface:#0f2a4d;
  --surface-2:#0a2140;
  --surface-3:#163760;
  --border:#1d3a5f;
  --border-strong:#335a88;
  --text:#e9f1fb;
  --text-muted:#a6bcd9;
  --text-faint:#86a0c2;
  --accent:#1d62ad;
  --accent-hover:#2b74c4;
  --accent-contrast:#ffffff;
  --accent-2:#ffcd02;
  --focus:#7fb8f0;
  --link:#86c0f2;
  --ok:#3fbf7f;
  --warn:#f0c04a;
  --danger:#f2877f;
  --info:#86c0f2;
  --sidebar-text:#e9f1fb;
  --sidebar-muted:#a6bcd9;
  --sidebar-hover:#163760;
  --sidebar-border:#1d3a5f;
  --sidebar-active-bg:#1d62ad;
  --sidebar-active-text:#ffffff;
  --shadow:0 2px 8px rgba(0,0,0,.45);
  --glow-shadow:0 0 0 rgba(0,0,0,0);
}
}