/*
 * Paletas de myScala. El código nunca usa un color directo: solo estas variables por función.
 * Cada paleta define su versión clara y oscura. Cambiar de paleta = cambiar data-paleta en <html>.
 */

/* 1. Azul Corporativo (por defecto) */
:root,
[data-paleta="azul"] {
  --color-primario: #1d4ed8;
  --color-texto-sobre-primario: #ffffff;
  --color-secundario: #0369a1;
  --color-fondo: #f3f5f9;
  --color-superficie: #ffffff;
  --color-superficie-2: #f7f8fb;
  --color-texto: #182033;
  --color-texto-suave: #556075;
  --color-borde: #dce1ea;
  --color-exito: #15803d;
  --color-alerta: #b45309;
  --color-error: #b91c1c;
  --color-info: #1d4ed8;
  --color-sidebar: #0f1d3a;
  --color-sidebar-texto: #dbe4f5;
}
[data-paleta="azul"][data-modo="oscuro"] {
  --color-primario: #60a5fa;
  --color-texto-sobre-primario: #0a1222;
  --color-secundario: #38bdf8;
  --color-fondo: #0d1420;
  --color-superficie: #162030;
  --color-superficie-2: #1b2738;
  --color-texto: #e5eaf3;
  --color-texto-suave: #9ba7bb;
  --color-borde: #2a3850;
  --color-exito: #4ade80;
  --color-alerta: #fbbf24;
  --color-error: #f87171;
  --color-info: #60a5fa;
  --color-sidebar: #0a101b;
  --color-sidebar-texto: #c9d3e4;
}

/* 2. Verde */
[data-paleta="verde"] {
  --color-primario: #15803d;
  --color-texto-sobre-primario: #ffffff;
  --color-secundario: #0f766e;
  --color-fondo: #f2f7f3;
  --color-superficie: #ffffff;
  --color-superficie-2: #f6faf7;
  --color-texto: #16241b;
  --color-texto-suave: #53655a;
  --color-borde: #d6e3da;
  --color-exito: #15803d;
  --color-alerta: #b45309;
  --color-error: #b91c1c;
  --color-info: #0f766e;
  --color-sidebar: #0f2a1b;
  --color-sidebar-texto: #d6eadc;
}
[data-paleta="verde"][data-modo="oscuro"] {
  --color-primario: #4ade80;
  --color-texto-sobre-primario: #062012;
  --color-secundario: #2dd4bf;
  --color-fondo: #0c1510;
  --color-superficie: #142019;
  --color-superficie-2: #19271f;
  --color-texto: #e2efe6;
  --color-texto-suave: #98ad9f;
  --color-borde: #26392d;
  --color-exito: #4ade80;
  --color-alerta: #fbbf24;
  --color-error: #f87171;
  --color-info: #2dd4bf;
  --color-sidebar: #08100b;
  --color-sidebar-texto: #c6dccd;
}

/* 3. Grafito / Elegante */
[data-paleta="grafito"] {
  --color-primario: #374151;
  --color-texto-sobre-primario: #ffffff;
  --color-secundario: #b45309;
  --color-fondo: #f3f3f4;
  --color-superficie: #ffffff;
  --color-superficie-2: #f7f7f8;
  --color-texto: #18181b;
  --color-texto-suave: #5b5b66;
  --color-borde: #dedee3;
  --color-exito: #15803d;
  --color-alerta: #b45309;
  --color-error: #b91c1c;
  --color-info: #0369a1;
  --color-sidebar: #1c1c21;
  --color-sidebar-texto: #e2e2e6;
}
[data-paleta="grafito"][data-modo="oscuro"] {
  --color-primario: #f59e0b;
  --color-texto-sobre-primario: #1a1300;
  --color-secundario: #38bdf8;
  --color-fondo: #111113;
  --color-superficie: #1b1b1f;
  --color-superficie-2: #222227;
  --color-texto: #ececef;
  --color-texto-suave: #a1a1ab;
  --color-borde: #303037;
  --color-exito: #4ade80;
  --color-alerta: #fbbf24;
  --color-error: #f87171;
  --color-info: #38bdf8;
  --color-sidebar: #0b0b0d;
  --color-sidebar-texto: #d4d4d9;
}

/* 4. Púrpura */
[data-paleta="purpura"] {
  --color-primario: #6d28d9;
  --color-texto-sobre-primario: #ffffff;
  --color-secundario: #be185d;
  --color-fondo: #f5f3fa;
  --color-superficie: #ffffff;
  --color-superficie-2: #f9f7fc;
  --color-texto: #1f1830;
  --color-texto-suave: #5f5773;
  --color-borde: #e2ddee;
  --color-exito: #15803d;
  --color-alerta: #b45309;
  --color-error: #b91c1c;
  --color-info: #6d28d9;
  --color-sidebar: #23123f;
  --color-sidebar-texto: #e7defa;
}
[data-paleta="purpura"][data-modo="oscuro"] {
  --color-primario: #a78bfa;
  --color-texto-sobre-primario: #150c2c;
  --color-secundario: #f472b6;
  --color-fondo: #110d1a;
  --color-superficie: #1b1628;
  --color-superficie-2: #221c31;
  --color-texto: #ebe7f5;
  --color-texto-suave: #a39bb8;
  --color-borde: #322a45;
  --color-exito: #4ade80;
  --color-alerta: #fbbf24;
  --color-error: #f87171;
  --color-info: #a78bfa;
  --color-sidebar: #0b0811;
  --color-sidebar-texto: #d8d0ea;
}

/* 5. Neutra Cálida */
[data-paleta="calida"] {
  --color-primario: #a8481f;
  --color-texto-sobre-primario: #ffffff;
  --color-secundario: #7a5c2e;
  --color-fondo: #f5f0e6;
  --color-superficie: #fffdf8;
  --color-superficie-2: #faf6ee;
  --color-texto: #2b2118;
  --color-texto-suave: #6a5c4e;
  --color-borde: #e4d9c6;
  --color-exito: #3f7a2a;
  --color-alerta: #a15c07;
  --color-error: #b3261e;
  --color-info: #7a5c2e;
  --color-sidebar: #3a2a1d;
  --color-sidebar-texto: #f2e7d6;
}
[data-paleta="calida"][data-modo="oscuro"] {
  --color-primario: #e38b5f;
  --color-texto-sobre-primario: #2a1206;
  --color-secundario: #d6b47f;
  --color-fondo: #18130f;
  --color-superficie: #221b16;
  --color-superficie-2: #29211b;
  --color-texto: #f1e8db;
  --color-texto-suave: #b4a693;
  --color-borde: #3a3027;
  --color-exito: #86c96b;
  --color-alerta: #f0b44c;
  --color-error: #f28b82;
  --color-info: #d6b47f;
  --color-sidebar: #0f0b08;
  --color-sidebar-texto: #e6dac8;
}