/* ============================================================
   THEMES — Cortexia
   ------------------------------------------------------------
   Este archivo se carga DESPUÉS de main.css. Cada bloque define
   los design tokens de un tema. El atributo `data-theme` vive en
   <html> y se resuelve en Django (settings.DEFAULT_THEME + cookie).

   Para agregar un tema nuevo:
     1. Copiá un bloque y cambiá los valores.
     2. Registralo en settings.AVAILABLE_THEMES.
     3. Agregá su swatch `.sw-<tema>` en main.css (sección THEME SWITCHER).
   ============================================================ */

/* ------------------------------------------------------------
   CORTEXIA — paleta del rediseño (default)
   Negro + gris carbón + azul profundo. Es la base del diseño
   actual; el puente en cortexia-site.css la mapea a los tokens
   --color-* que usa cortexia-estilos.css.
   ------------------------------------------------------------ */
:root[data-theme="cortexia"] {
  --primary: #174a73;
  --primary-hover: #1f6598;
  --primary-rgb: 23, 74, 115;

  --accent: #174a73;
  --accent-hover: #1f6598;
  --accent-rgb: 23, 74, 115;
  --on-accent: #ffffff;
  --gradient-accent: linear-gradient(135deg, #1f6598, #174a73);

  --bg: #080b0f;
  --bg-rgb: 8, 11, 15;
  --surface: #111820;
  --surface-rgb: 17, 24, 32;
  --surface-hover: #17212c;
  --section-alt: #0d1218;
  --section-alt-rgb: 13, 18, 24;
  --bg-deep: #050709;
  --bg-deep-rgb: 5, 7, 9;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(8, 11, 15, 0.86);
  --header-text: #ffffff;
  --header-text-muted: #a6b0bc;
  --input-bg: #111820;

  --text: #f5f7fa;
  --text-soft: #a6b0bc;
  --text-muted: #71808f;
  --overlay-rgb: 255, 255, 255;

  --island-text: #f5f7fa;
  --island-text-soft: #a6b0bc;
  --island-text-muted: #71808f;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #1f6598;
  --island-accent-rgb: 31, 101, 152;

  --border-subtle: rgba(var(--overlay-rgb), 0.1);
  --border-hover: rgba(var(--primary-rgb), 0.45);

  --gradient-primary: linear-gradient(135deg, #174a73, #123e61);
  --gradient-hero: linear-gradient(
    160deg,
    #050709 0%,
    #080b0f 55%,
    #123e61 100%
  );
  --gradient-dark: linear-gradient(135deg, #050709, #0d1218);
  --gradient-card: linear-gradient(145deg, #111820, rgba(13, 18, 24, 0.8));

  --shadow-card: 0 18px 45px rgba(0, 0, 0, 0.18);
  --shadow-hover: 0 24px 60px rgba(0, 0, 0, 0.35);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   LEGACY — producción actual (naranja + pizarra, dark)
   ------------------------------------------------------------ */
:root[data-theme="legacy"] {
  --primary: #d56409;
  --primary-hover: #c56000;
  --primary-rgb: 213, 100, 9;

  --accent: #d56409;
  --accent-hover: #c56000;
  --accent-rgb: 213, 100, 9;
  --gradient-accent: linear-gradient(135deg, #d56409, #c56000);

  --bg: #233d47;
  --bg-rgb: 35, 61, 71;
  --surface: #46585e;
  --surface-rgb: 70, 88, 94;
  --section-alt: #39505b;
  --section-alt-rgb: 57, 80, 91;
  --bg-deep: #06111a;
  --bg-deep-rgb: 6, 17, 26;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(6, 17, 26, 0.85);
  --header-text: #f0f4f8;
  --header-text-muted: #b5c2c4;
  --input-bg: rgba(10, 20, 26, 0.5);

  --text: #f0f4f8;
  --text-soft: #b5c2c4;
  --text-muted: #7c8d92;
  --overlay-rgb: 255, 255, 255;

  --island-text: #f0f4f8;
  --island-text-soft: #b5c2c4;
  --island-text-muted: #7c8d92;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #d56409;
  --island-accent-rgb: 213, 100, 9;

  --border-subtle: rgba(var(--overlay-rgb), 0.06);
  --border-hover: rgba(var(--primary-rgb), 0.3);

  --gradient-primary: linear-gradient(
    135deg,
    var(--primary),
    var(--primary-hover)
  );
  --gradient-hero: linear-gradient(
    160deg,
    #06111a 0%,
    #233d47 40%,
    #d56409 100%
  );
  --gradient-dark: linear-gradient(135deg, #06111a, #233d47);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--section-alt-rgb), 0.5),
    rgba(var(--section-alt-rgb), 0.15)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.25);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.35);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   TECH NAVY — dark navy profundo + azul eléctrico
   El clásico look "tech/developer": fondo azul noche, texto blanco,
   acento azul brillante.
   ------------------------------------------------------------ */
:root[data-theme="tech-navy"] {
  --primary: #3b82f6;
  --primary-hover: #2563eb;
  --primary-rgb: 59, 130, 246;

  --accent: #3b82f6;
  --accent-hover: #2563eb;
  --accent-rgb: 59, 130, 246;
  --gradient-accent: linear-gradient(135deg, #3b82f6, #2563eb);

  --bg: #0a192f;
  --bg-rgb: 10, 25, 47;
  --surface: #112240;
  --surface-rgb: 17, 34, 64;
  --section-alt: #0e1f38;
  --section-alt-rgb: 14, 31, 56;
  --bg-deep: #060f1f;
  --bg-deep-rgb: 6, 15, 31;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(10, 25, 47, 0.9);
  --header-text: #e6f1ff;
  --header-text-muted: #8892b0;
  --input-bg: rgba(6, 15, 31, 0.6);

  --text: #e6f1ff;
  --text-soft: #a8b2d1;
  --text-muted: #8892b0;
  --overlay-rgb: 255, 255, 255;

  --island-text: #e6f1ff;
  --island-text-soft: #a8b2d1;
  --island-text-muted: #8892b0;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #7fb3ff;
  --island-accent-rgb: 127, 179, 255;

  --border-subtle: rgba(var(--overlay-rgb), 0.08);
  --border-hover: rgba(var(--primary-rgb), 0.4);

  --gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);
  --gradient-hero: linear-gradient(
    160deg,
    #060f1f 0%,
    #0a192f 45%,
    #1e3a8a 100%
  );
  --gradient-dark: linear-gradient(135deg, #060f1f, #0a192f);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.6),
    rgba(var(--surface-rgb), 0.2)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.5);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   GRAPHITE — gris grafito (casi neutro) + azul
   Base gris oscura sin tinte azul; el azul aparece solo como acento.
   ------------------------------------------------------------ */
:root[data-theme="graphite"] {
  --primary: #3b82f6;
  --primary-hover: #2563eb;
  --primary-rgb: 59, 130, 246;

  --accent: #3b82f6;
  --accent-hover: #2563eb;
  --accent-rgb: 59, 130, 246;
  --gradient-accent: linear-gradient(135deg, #3b82f6, #2563eb);

  --bg: #101317;
  --bg-rgb: 16, 19, 23;
  --surface: #1a1f26;
  --surface-rgb: 26, 31, 38;
  --section-alt: #14181e;
  --section-alt-rgb: 20, 24, 30;
  --bg-deep: #08090c;
  --bg-deep-rgb: 8, 9, 12;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(16, 19, 23, 0.9);
  --header-text: #f3f4f6;
  --header-text-muted: #9aa1ac;
  --input-bg: rgba(8, 9, 12, 0.6);

  --text: #f3f4f6;
  --text-soft: #c7ccd3;
  --text-muted: #8b929c;
  --overlay-rgb: 255, 255, 255;

  --island-text: #f3f4f6;
  --island-text-soft: #c7ccd3;
  --island-text-muted: #8b929c;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #7fb3ff;
  --island-accent-rgb: 127, 179, 255;

  --border-subtle: rgba(var(--overlay-rgb), 0.08);
  --border-hover: rgba(var(--primary-rgb), 0.4);

  --gradient-primary: linear-gradient(135deg, #3b82f6, #2563eb);
  --gradient-hero: linear-gradient(
    160deg,
    #08090c 0%,
    #101317 50%,
    #1e3a8a 100%
  );
  --gradient-dark: linear-gradient(135deg, #08090c, #14181e);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.7),
    rgba(var(--surface-rgb), 0.25)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.5);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   MIDNIGHT — azul casi negro + azul brillante
   El más oscuro de todos. Máximo contraste, sensación premium.
   ------------------------------------------------------------ */
:root[data-theme="midnight"] {
  --primary: #4f8df7;
  --primary-hover: #3b7ae8;
  --primary-rgb: 79, 141, 247;

  --accent: #4f8df7;
  --accent-hover: #3b7ae8;
  --accent-rgb: 79, 141, 247;
  --gradient-accent: linear-gradient(135deg, #4f8df7, #2f6fe0);

  --bg: #070c18;
  --bg-rgb: 7, 12, 24;
  --surface: #0e1526;
  --surface-rgb: 14, 21, 38;
  --section-alt: #0a101e;
  --section-alt-rgb: 10, 16, 30;
  --bg-deep: #04070f;
  --bg-deep-rgb: 4, 7, 15;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(7, 12, 24, 0.9);
  --header-text: #eaf0ff;
  --header-text-muted: #7c8aa5;
  --input-bg: rgba(4, 7, 15, 0.7);

  --text: #eaf0ff;
  --text-soft: #a9b6d0;
  --text-muted: #7c8aa5;
  --overlay-rgb: 255, 255, 255;

  --island-text: #eaf0ff;
  --island-text-soft: #a9b6d0;
  --island-text-muted: #7c8aa5;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #8ab4ff;
  --island-accent-rgb: 138, 180, 255;

  --border-subtle: rgba(var(--overlay-rgb), 0.08);
  --border-hover: rgba(var(--primary-rgb), 0.45);

  --gradient-primary: linear-gradient(135deg, #4f8df7, #2f6fe0);
  --gradient-hero: linear-gradient(
    160deg,
    #04070f 0%,
    #070c18 45%,
    #1d4ed8 100%
  );
  --gradient-dark: linear-gradient(135deg, #04070f, #0a101e);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.7),
    rgba(var(--surface-rgb), 0.2)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.6);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   STEEL — azul acero apagado + azul
   Azul desaturado tipo "steel blue"; más suave que navy, más frío
   que graphite.
   ------------------------------------------------------------ */
:root[data-theme="steel"] {
  --primary: #4f8df7;
  --primary-hover: #3b7ae8;
  --primary-rgb: 79, 141, 247;

  --accent: #4f8df7;
  --accent-hover: #3b7ae8;
  --accent-rgb: 79, 141, 247;
  --gradient-accent: linear-gradient(135deg, #4f8df7, #2f6fe0);

  --bg: #0f1b2d;
  --bg-rgb: 15, 27, 45;
  --surface: #16263d;
  --surface-rgb: 22, 38, 61;
  --section-alt: #122032;
  --section-alt-rgb: 18, 32, 50;
  --bg-deep: #0a1322;
  --bg-deep-rgb: 10, 19, 34;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(15, 27, 45, 0.9);
  --header-text: #e8eef7;
  --header-text-muted: #8595ad;
  --input-bg: rgba(10, 19, 34, 0.6);

  --text: #e8eef7;
  --text-soft: #b4c2d8;
  --text-muted: #8595ad;
  --overlay-rgb: 255, 255, 255;

  --island-text: #e8eef7;
  --island-text-soft: #b4c2d8;
  --island-text-muted: #8595ad;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #7fb3ff;
  --island-accent-rgb: 127, 179, 255;

  --border-subtle: rgba(var(--overlay-rgb), 0.08);
  --border-hover: rgba(var(--primary-rgb), 0.4);

  --gradient-primary: linear-gradient(135deg, #4f8df7, #2f6fe0);
  --gradient-hero: linear-gradient(
    160deg,
    #0a1322 0%,
    #0f1b2d 45%,
    #1e4e8c 100%
  );
  --gradient-dark: linear-gradient(135deg, #0a1322, #122032);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.65),
    rgba(var(--surface-rgb), 0.22)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.5);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   DAYLIGHT — claro: blanco + gris + azul oscuro (azul-900)
   La versión clara pero con un azul bastante más oscuro que el
   corporate-trust. Hero y footer en navy profundo.
   ------------------------------------------------------------ */
:root[data-theme="daylight"] {
  --primary: #1e3a8a;
  --primary-hover: #172e6e;
  --primary-rgb: 30, 58, 138;

  --accent: #1e3a8a;
  --accent-hover: #172e6e;
  --accent-rgb: 30, 58, 138;
  --gradient-accent: linear-gradient(135deg, #2547a8, #1a327a);

  --bg: #ffffff;
  --bg-rgb: 255, 255, 255;
  --surface: #f1f5f9;
  --surface-rgb: 241, 245, 249;
  --section-alt: #f8fafc;
  --section-alt-rgb: 248, 250, 252;
  --bg-deep: #0a1a35;
  --bg-deep-rgb: 10, 26, 53;
  --header-bg: #ffffff;
  --header-bg-scrolled: #ffffff;
  --header-text: #0b1220;
  --header-text-muted: #334155;
  --input-bg: #ffffff;

  --text: #0b1220;
  --text-soft: #334155;
  --text-muted: #64748b;
  --overlay-rgb: 15, 23, 42;

  --island-text: #f1f5f9;
  --island-text-soft: #cbd5e1;
  --island-text-muted: #94a3b8;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #93b4ff;
  --island-accent-rgb: 147, 180, 255;
  --island-cta: #3b82f6;
  --island-cta-hover: #2563eb;
  --island-cta-rgb: 59, 130, 246;

  --border-subtle: rgba(var(--overlay-rgb), 0.1);
  --border-hover: rgba(var(--primary-rgb), 0.35);

  --gradient-primary: linear-gradient(135deg, #1e3a8a, #172e6e);
  --gradient-hero: linear-gradient(
    160deg,
    #0a1a35 0%,
    #12305e 45%,
    #1e3a8a 100%
  );
  --gradient-dark: linear-gradient(135deg, #0a1a35, #12305e);
  --gradient-card: linear-gradient(145deg, #ffffff, #f1f5f9);

  --shadow-card: 0 8px 32px rgba(15, 23, 42, 0.08);
  --shadow-hover: 0 20px 60px rgba(15, 23, 42, 0.14);

  color-scheme: light;
}

/* ------------------------------------------------------------
   VIOLET — índigo profundo + violeta eléctrico
   Vibe "AI / SaaS moderno". Púrpura como color protagonista.
   ------------------------------------------------------------ */
:root[data-theme="violet"] {
  --primary: #8b5cf6;
  --primary-hover: #7c3aed;
  --primary-rgb: 139, 92, 246;

  --accent: #8b5cf6;
  --accent-hover: #7c3aed;
  --accent-rgb: 139, 92, 246;
  --on-accent: #ffffff;
  --gradient-accent: linear-gradient(135deg, #8b5cf6, #7c3aed);

  --bg: #120f2e;
  --bg-rgb: 18, 15, 46;
  --surface: #1b1740;
  --surface-rgb: 27, 23, 64;
  --section-alt: #161234;
  --section-alt-rgb: 22, 18, 52;
  --bg-deep: #0a0820;
  --bg-deep-rgb: 10, 8, 32;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(18, 15, 46, 0.9);
  --header-text: #ede9fe;
  --header-text-muted: #a99fd6;
  --input-bg: rgba(10, 8, 32, 0.6);

  --text: #ede9fe;
  --text-soft: #c4b5fd;
  --text-muted: #9a8fc7;
  --overlay-rgb: 255, 255, 255;

  --island-text: #ede9fe;
  --island-text-soft: #c4b5fd;
  --island-text-muted: #9a8fc7;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #c4b5fd;
  --island-accent-rgb: 196, 181, 253;

  --border-subtle: rgba(var(--overlay-rgb), 0.08);
  --border-hover: rgba(var(--primary-rgb), 0.4);

  --gradient-primary: linear-gradient(135deg, #8b5cf6, #7c3aed);
  --gradient-hero: linear-gradient(
    160deg,
    #0a0820 0%,
    #120f2e 45%,
    #5b21b6 100%
  );
  --gradient-dark: linear-gradient(135deg, #0a0820, #161234);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.65),
    rgba(var(--surface-rgb), 0.2)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.45);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.55);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   NEON CYAN — casi negro + cian neón
   Vibe cyberpunk. Acento cian brillante con texto oscuro.
   ------------------------------------------------------------ */
:root[data-theme="neon-cyan"] {
  --primary: #22d3ee;
  --primary-hover: #06b6d4;
  --primary-rgb: 34, 211, 238;

  --accent: #22d3ee;
  --accent-hover: #06b6d4;
  --accent-rgb: 34, 211, 238;
  --on-accent: #04121a;
  --gradient-accent: linear-gradient(135deg, #22d3ee, #06b6d4);

  --bg: #05070d;
  --bg-rgb: 5, 7, 13;
  --surface: #0b1018;
  --surface-rgb: 11, 16, 24;
  --section-alt: #080c14;
  --section-alt-rgb: 8, 12, 20;
  --bg-deep: #020306;
  --bg-deep-rgb: 2, 3, 6;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(5, 7, 13, 0.9);
  --header-text: #e6f7ff;
  --header-text-muted: #6e8a99;
  --input-bg: rgba(2, 3, 6, 0.7);

  --text: #e6f7ff;
  --text-soft: #a5d8e8;
  --text-muted: #6e8a99;
  --overlay-rgb: 255, 255, 255;

  --island-text: #e6f7ff;
  --island-text-soft: #a5d8e8;
  --island-text-muted: #6e8a99;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #67e8f9;
  --island-accent-rgb: 103, 232, 249;

  --border-subtle: rgba(var(--overlay-rgb), 0.08);
  --border-hover: rgba(var(--primary-rgb), 0.45);

  --gradient-primary: linear-gradient(135deg, #22d3ee, #06b6d4);
  --gradient-hero: linear-gradient(
    160deg,
    #020306 0%,
    #05070d 45%,
    #0e7490 100%
  );
  --gradient-dark: linear-gradient(135deg, #020306, #080c14);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.7),
    rgba(var(--surface-rgb), 0.2)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.55);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.65);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   LIME — carbón verdoso + verde lima ácido
   Vibe "terminal / dev tool". Acento lima con texto oscuro.
   ------------------------------------------------------------ */
:root[data-theme="lime"] {
  --primary: #a3e635;
  --primary-hover: #84cc16;
  --primary-rgb: 163, 230, 53;

  --accent: #a3e635;
  --accent-hover: #84cc16;
  --accent-rgb: 163, 230, 53;
  --on-accent: #0b0f0c;
  --gradient-accent: linear-gradient(135deg, #a3e635, #84cc16);

  --bg: #0b0f0c;
  --bg-rgb: 11, 15, 12;
  --surface: #121814;
  --surface-rgb: 18, 24, 20;
  --section-alt: #0e130f;
  --section-alt-rgb: 14, 19, 15;
  --bg-deep: #050805;
  --bg-deep-rgb: 5, 8, 5;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(11, 15, 12, 0.9);
  --header-text: #eaf5ec;
  --header-text-muted: #7e8f83;
  --input-bg: rgba(5, 8, 5, 0.7);

  --text: #eaf5ec;
  --text-soft: #b9c9bd;
  --text-muted: #7e8f83;
  --overlay-rgb: 255, 255, 255;

  --island-text: #eaf5ec;
  --island-text-soft: #b9c9bd;
  --island-text-muted: #7e8f83;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #bef264;
  --island-accent-rgb: 190, 242, 100;

  --border-subtle: rgba(var(--overlay-rgb), 0.08);
  --border-hover: rgba(var(--primary-rgb), 0.4);

  --gradient-primary: linear-gradient(135deg, #a3e635, #84cc16);
  --gradient-hero: linear-gradient(
    160deg,
    #050805 0%,
    #0b0f0c 45%,
    #3f6212 100%
  );
  --gradient-dark: linear-gradient(135deg, #050805, #0e130f);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.7),
    rgba(var(--surface-rgb), 0.22)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.6);

  color-scheme: dark;
}

/* ------------------------------------------------------------
   ARCTIC — claro y helado: azul hielo + blanco
   Claro, frío y aireado. Grises con tinte azul, hero azul profundo.
   ------------------------------------------------------------ */
:root[data-theme="arctic"] {
  --primary: #0b5fa5;
  --primary-hover: #094a80;
  --primary-rgb: 11, 95, 165;

  --accent: #0b5fa5;
  --accent-hover: #094a80;
  --accent-rgb: 11, 95, 165;
  --on-accent: #ffffff;
  --gradient-accent: linear-gradient(135deg, #0e6fbd, #0b5fa5);

  --bg: #f4f8ff;
  --bg-rgb: 244, 248, 255;
  --surface: #e7effa;
  --surface-rgb: 231, 239, 250;
  --section-alt: #eff5fc;
  --section-alt-rgb: 239, 245, 252;
  --bg-deep: #0b2a4a;
  --bg-deep-rgb: 11, 42, 74;
  --header-bg: #f4f8ff;
  --header-bg-scrolled: #f4f8ff;
  --header-text: #0a1b2e;
  --header-text-muted: #35506b;
  --input-bg: #ffffff;

  --text: #0a1b2e;
  --text-soft: #35506b;
  --text-muted: #6b8299;
  --overlay-rgb: 11, 42, 74;

  --island-text: #eaf3ff;
  --island-text-soft: #b9d3ee;
  --island-text-muted: #8fb0d4;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #9cc6f5;
  --island-accent-rgb: 156, 198, 245;
  --island-cta: #4a9be0;
  --island-cta-hover: #2f83cf;
  --island-cta-rgb: 74, 155, 224;

  --border-subtle: rgba(var(--overlay-rgb), 0.1);
  --border-hover: rgba(var(--primary-rgb), 0.35);

  --gradient-primary: linear-gradient(135deg, #0b5fa5, #094a80);
  --gradient-hero: linear-gradient(
    160deg,
    #0b2a4a 0%,
    #12406e 45%,
    #0b5fa5 100%
  );
  --gradient-dark: linear-gradient(135deg, #0b2a4a, #12406e);
  --gradient-card: linear-gradient(145deg, #ffffff, #e7effa);

  --shadow-card: 0 8px 32px rgba(11, 42, 74, 0.1);
  --shadow-hover: 0 20px 60px rgba(11, 42, 74, 0.16);

  color-scheme: light;
}

/* ------------------------------------------------------------
   MONO — monocromo puro (negro, gris y blanco)
   Sin color de acento: el "acento" es el blanco. Ultra minimal,
   estilo Vercel/Linear. Botones blancos con texto negro.
   ------------------------------------------------------------ */
:root[data-theme="mono"] {
  --primary: #e5e5e5;
  --primary-hover: #ffffff;
  --primary-rgb: 229, 229, 229;

  --accent: #e5e5e5;
  --accent-hover: #ffffff;
  --accent-rgb: 229, 229, 229;
  --on-accent: #0a0a0a;
  --gradient-accent: linear-gradient(135deg, #f5f5f5, #d4d4d4);

  --bg: #0a0a0a;
  --bg-rgb: 10, 10, 10;
  --surface: #161616;
  --surface-rgb: 22, 22, 22;
  --section-alt: #111111;
  --section-alt-rgb: 17, 17, 17;
  --bg-deep: #050505;
  --bg-deep-rgb: 5, 5, 5;
  --header-bg: transparent;
  --header-bg-scrolled: rgba(10, 10, 10, 0.9);
  --header-text: #fafafa;
  --header-text-muted: #8a8a8a;
  --input-bg: rgba(5, 5, 5, 0.7);

  --text: #fafafa;
  --text-soft: #c4c4c4;
  --text-muted: #8a8a8a;
  --overlay-rgb: 255, 255, 255;

  --island-text: #fafafa;
  --island-text-soft: #c4c4c4;
  --island-text-muted: #8a8a8a;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #ffffff;
  --island-accent-rgb: 255, 255, 255;

  --border-subtle: rgba(var(--overlay-rgb), 0.1);
  --border-hover: rgba(var(--primary-rgb), 0.4);

  --gradient-primary: linear-gradient(135deg, #fafafa, #d4d4d4);
  --gradient-hero: linear-gradient(
    160deg,
    #050505 0%,
    #0a0a0a 50%,
    #262626 100%
  );
  --gradient-dark: linear-gradient(135deg, #050505, #111111);
  --gradient-card: linear-gradient(
    145deg,
    rgba(var(--surface-rgb), 0.8),
    rgba(var(--surface-rgb), 0.3)
  );

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.7);

  color-scheme: dark;
}

/* ============================================================
   ARCHIVADOS — no están en settings.AVAILABLE_THEMES.
   Para reactivar uno: agregalo a AVAILABLE_THEMES y al switcher.
   ============================================================ */

/* CORPORATE TRUST — claro: azul + gris + blanco, acento naranja */
:root[data-theme="corporate-trust"] {
  --primary: #1d5fa8;
  --primary-hover: #17518f;
  --primary-rgb: 29, 95, 168;

  --accent: #d56409;
  --accent-hover: #b8550a;
  --accent-rgb: 213, 100, 9;
  --gradient-accent: linear-gradient(135deg, #e2710f, #c25a06);

  --bg: #ffffff;
  --bg-rgb: 255, 255, 255;
  --surface: #f1f5f9;
  --surface-rgb: 241, 245, 249;
  --section-alt: #f8fafc;
  --section-alt-rgb: 248, 250, 252;
  --bg-deep: #0b2545;
  --bg-deep-rgb: 11, 37, 69;
  --header-bg: #ffffff;
  --header-bg-scrolled: #ffffff;
  --header-text: #0f172a;
  --header-text-muted: #334155;
  --input-bg: #ffffff;

  --text: #0f172a;
  --text-soft: #334155;
  --text-muted: #64748b;
  --overlay-rgb: 15, 23, 42;

  --island-text: #f8fafc;
  --island-text-soft: #cbd5e1;
  --island-text-muted: #94a3b8;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #f5a65b;
  --island-accent-rgb: 245, 166, 91;
  --island-cta: #d56409;
  --island-cta-hover: #b8550a;
  --island-cta-rgb: 213, 100, 9;

  --border-subtle: rgba(var(--overlay-rgb), 0.1);
  --border-hover: rgba(var(--primary-rgb), 0.35);

  --gradient-primary: linear-gradient(135deg, #1d5fa8, #154d8a);
  --gradient-hero: linear-gradient(
    160deg,
    #0b2545 0%,
    #123a66 45%,
    #1d5fa8 100%
  );
  --gradient-dark: linear-gradient(135deg, #0b2545, #12345f);
  --gradient-card: linear-gradient(145deg, #ffffff, #f1f5f9);

  --shadow-card: 0 8px 32px rgba(15, 23, 42, 0.08);
  --shadow-hover: 0 20px 60px rgba(15, 23, 42, 0.14);

  color-scheme: light;
}

/* CORPORATE CYAN — claro: azul + gris + blanco, acento cian */
:root[data-theme="corporate-cyan"] {
  --primary: #1d5fa8;
  --primary-hover: #17518f;
  --primary-rgb: 29, 95, 168;

  --accent: #0891b2;
  --accent-hover: #0e7490;
  --accent-rgb: 8, 145, 178;
  --gradient-accent: linear-gradient(135deg, #06b6d4, #0891b2);

  --bg: #ffffff;
  --bg-rgb: 255, 255, 255;
  --surface: #f1f5f9;
  --surface-rgb: 241, 245, 249;
  --section-alt: #f8fafc;
  --section-alt-rgb: 248, 250, 252;
  --bg-deep: #07293d;
  --bg-deep-rgb: 7, 41, 61;
  --header-bg: #ffffff;
  --header-bg-scrolled: #ffffff;
  --header-text: #0f172a;
  --header-text-muted: #334155;
  --input-bg: #ffffff;

  --text: #0f172a;
  --text-soft: #334155;
  --text-muted: #64748b;
  --overlay-rgb: 15, 23, 42;

  --island-text: #f0f9ff;
  --island-text-soft: #bae6fd;
  --island-text-muted: #7dd3fc;
  --island-overlay-rgb: 255, 255, 255;
  --island-accent: #67e8f9;
  --island-accent-rgb: 103, 232, 249;
  --island-cta: #0891b2;
  --island-cta-hover: #0e7490;
  --island-cta-rgb: 8, 145, 178;

  --border-subtle: rgba(var(--overlay-rgb), 0.1);
  --border-hover: rgba(var(--primary-rgb), 0.35);

  --gradient-primary: linear-gradient(135deg, #1d5fa8, #154d8a);
  --gradient-hero: linear-gradient(
    160deg,
    #07293d 0%,
    #0a3a52 45%,
    #0891b2 100%
  );
  --gradient-dark: linear-gradient(135deg, #07293d, #0a3a52);
  --gradient-card: linear-gradient(145deg, #ffffff, #f1f5f9);

  --shadow-card: 0 8px 32px rgba(15, 23, 42, 0.08);
  --shadow-hover: 0 20px 60px rgba(15, 23, 42, 0.14);

  color-scheme: light;
}