/* =========================================
   PALETAS DE COLOR  13 paletas vibrantes y modernas
   ========================================= */

/* INDIGO  Profundo, creativo, confiable (default) */
:root.paleta-indigo, .paleta-indigo {
    --color-marca: #6366f1; --color-marca-hover: #818cf8;
    --color-marca-claro: #eef2ff; --trazo-enfoque: #a5b4fc;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-indigo.forzar-iluminacion-clara, .paleta-indigo.forzar-iluminacion-clara {
    --color-marca: #4f46e5; --color-marca-hover: #6366f1;
    --color-marca-claro: #eef2ff; --trazo-enfoque: #a5b4fc;
}

/* AZUL OCEANO  Fresco, sereno, profesional */
:root.paleta-azul, .paleta-azul {
    --color-marca: #3898ec; --color-marca-hover: #5ab0f5;
    --color-marca-claro: #e8f4fd; --trazo-enfoque: #93c5fd;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-azul.forzar-iluminacion-clara, .paleta-azul.forzar-iluminacion-clara {
    --color-marca: #2563eb; --color-marca-hover: #3898ec;
    --color-marca-claro: #eff6ff; --trazo-enfoque: #93c5fd;
}

/* ESMERALDA  Fresco, crecimiento, equilibrio */
:root.paleta-esmeralda, .paleta-esmeralda {
    --color-marca: #34d399; --color-marca-hover: #6ee7b7;
    --color-marca-claro: #ecfdf5; --trazo-enfoque: #6ee7b7;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-esmeralda.forzar-iluminacion-clara, .paleta-esmeralda.forzar-iluminacion-clara {
    --color-marca: #059669; --color-marca-hover: #34d399;
    --color-marca-claro: #ecfdf5; --trazo-enfoque: #6ee7b7;
}

/* ROSA  Calido, creativo, audaz */
:root.paleta-rosa, .paleta-rosa {
    --color-marca: #f472b6; --color-marca-hover: #f9a8d4;
    --color-marca-claro: #fdf2f8; --trazo-enfoque: #f9a8d4;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-rosa.forzar-iluminacion-clara, .paleta-rosa.forzar-iluminacion-clara {
    --color-marca: #ec4899; --color-marca-hover: #f472b6;
    --color-marca-claro: #fdf2f8; --trazo-enfoque: #f9a8d4;
}

/* AMBAR  Dorado, energetico, optimista */
:root.paleta-ambar, .paleta-ambar {
    --color-marca: #fbbf24; --color-marca-hover: #fcd34d;
    --color-marca-claro: #fffbeb; --trazo-enfoque: #fcd34d;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-ambar.forzar-iluminacion-clara, .paleta-ambar.forzar-iluminacion-clara {
    --color-marca: #f59e0b; --color-marca-hover: #fbbf24;
    --color-marca-claro: #fffbeb; --trazo-enfoque: #fcd34d;
}

/* VIOLETA  Real, misterioso, premium */
:root.paleta-violeta, .paleta-violeta {
    --color-marca: #a78bfa; --color-marca-hover: #c4b5fd;
    --color-marca-claro: #f5f3ff; --trazo-enfoque: #c4b5fd;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-violeta.forzar-iluminacion-clara, .paleta-violeta.forzar-iluminacion-clara {
    --color-marca: #7c3aed; --color-marca-hover: #a78bfa;
    --color-marca-claro: #f5f3ff; --trazo-enfoque: #c4b5fd;
}

/* PIZARRA  Formal, corporativo, sobrio */
:root.paleta-pizarra, .paleta-pizarra {
    --color-marca: #94a3b8; --color-marca-hover: #b4c3d8;
    --color-marca-claro: #f1f5f9; --trazo-enfoque: #94a3b8;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-pizarra.forzar-iluminacion-clara, .paleta-pizarra.forzar-iluminacion-clara {
    --color-marca: #64748b; --color-marca-hover: #94a3b8;
    --color-marca-claro: #f1f5f9; --trazo-enfoque: #94a3b8;
}

/* CEREZA  Intenso, pasion, urgencia */
:root.paleta-cereza, .paleta-cereza {
    --color-marca: #f87171; --color-marca-hover: #fca5a5;
    --color-marca-claro: #fef2f2; --trazo-enfoque: #fca5a5;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-cereza.forzar-iluminacion-clara, .paleta-cereza.forzar-iluminacion-clara {
    --color-marca: #ef4444; --color-marca-hover: #f87171;
    --color-marca-claro: #fef2f2; --trazo-enfoque: #fca5a5;
}

/* CIELO  Celeste, fresco, aereo */
:root.paleta-cielo, .paleta-cielo {
    --color-marca: #22d3ee; --color-marca-hover: #67e8f9;
    --color-marca-claro: #ecfeff; --trazo-enfoque: #67e8f9;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-cielo.forzar-iluminacion-clara, .paleta-cielo.forzar-iluminacion-clara {
    --color-marca: #0ea5e9; --color-marca-hover: #38bdf8;
    --color-marca-claro: #f0f9ff; --trazo-enfoque: #67e8f9;
}

/* TEAL  Menta profunda, sofisticado, calmado */
:root.paleta-teal, .paleta-teal {
    --color-marca: #2dd4bf; --color-marca-hover: #5eead4;
    --color-marca-claro: #f0fdfa; --trazo-enfoque: #5eead4;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-teal.forzar-iluminacion-clara, .paleta-teal.forzar-iluminacion-clara {
    --color-marca: #0d9488; --color-marca-hover: #2dd4bf;
    --color-marca-claro: #f0fdfa; --trazo-enfoque: #5eead4;
}

/* LIMA  Citrico, fresco, energetico */
:root.paleta-lima, .paleta-lima {
    --color-marca: #a3e635; --color-marca-hover: #bef264;
    --color-marca-claro: #f7fee7; --trazo-enfoque: #bef264;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-lima.forzar-iluminacion-clara, .paleta-lima.forzar-iluminacion-clara {
    --color-marca: #65a30d; --color-marca-hover: #84cc16;
    --color-marca-claro: #f7fee7; --trazo-enfoque: #bef264;
}

/* NARANJA  Fuego, creatividad, calidez */
:root.paleta-naranja, .paleta-naranja {
    --color-marca: #fb923c; --color-marca-hover: #fdba74;
    --color-marca-claro: #fff7ed; --trazo-enfoque: #fdba74;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-naranja.forzar-iluminacion-clara, .paleta-naranja.forzar-iluminacion-clara {
    --color-marca: #f97316; --color-marca-hover: #fb923c;
    --color-marca-claro: #fff7ed; --trazo-enfoque: #fdba74;
}

/* FUCSIA  Vibrante, audaz, moderno */
:root.paleta-fucsia, .paleta-fucsia {
    --color-marca: #e879f9; --color-marca-hover: #f0abfc;
    --color-marca-claro: #fdf4ff; --trazo-enfoque: #f0abfc;
    --color-exito: #10b981; --color-advertencia: #f59e0b; --color-peligro: #ef4444;
}
:root.paleta-fucsia.forzar-iluminacion-clara, .paleta-fucsia.forzar-iluminacion-clara {
    --color-marca: #d946ef; --color-marca-hover: #e879f9;
    --color-marca-claro: #fdf4ff; --trazo-enfoque: #f0abfc;
}


/* Variantes oscuras por paleta (modo oscuro forzado: html.forzar-iluminacion-oscura) */
:root.paleta-indigo.forzar-iluminacion-oscura, .paleta-indigo.forzar-iluminacion-oscura {
    --color-marca: #818cf8; --color-marca-hover: #a5b4fc;
    --color-marca-claro: #1e1b4b; --trazo-enfoque: #a5b4fc;
}
:root.paleta-azul.forzar-iluminacion-oscura, .paleta-azul.forzar-iluminacion-oscura {
    --color-marca: #60a5fa; --color-marca-hover: #93c5fd;
    --color-marca-claro: #1c2a4a; --trazo-enfoque: #93c5fd;
}
:root.paleta-esmeralda.forzar-iluminacion-oscura, .paleta-esmeralda.forzar-iluminacion-oscura {
    --color-marca: #34d399; --color-marca-hover: #6ee7b7;
    --color-marca-claro: #073023; --trazo-enfoque: #6ee7b7;
}
:root.paleta-rosa.forzar-iluminacion-oscura, .paleta-rosa.forzar-iluminacion-oscura {
    --color-marca: #f472b6; --color-marca-hover: #f9a8d4;
    --color-marca-claro: #3b1f31; --trazo-enfoque: #f9a8d4;
}
:root.paleta-ambar.forzar-iluminacion-oscura, .paleta-ambar.forzar-iluminacion-oscura {
    --color-marca: #fbbf24; --color-marca-hover: #fcd34d;
    --color-marca-claro: #3a2d0d; --trazo-enfoque: #fcd34d;
}
:root.paleta-violeta.forzar-iluminacion-oscura, .paleta-violeta.forzar-iluminacion-oscura {
    --color-marca: #a78bfa; --color-marca-hover: #c4b5fd;
    --color-marca-claro: #2b2242; --trazo-enfoque: #c4b5fd;
}
:root.paleta-pizarra.forzar-iluminacion-oscura, .paleta-pizarra.forzar-iluminacion-oscura {
    --color-marca: #94a3b8; --color-marca-hover: #cbd5e1;
    --color-marca-claro: #232b36; --trazo-enfoque: #cbd5e1;
}
:root.paleta-cereza.forzar-iluminacion-oscura, .paleta-cereza.forzar-iluminacion-oscura {
    --color-marca: #f87171; --color-marca-hover: #fca5a5;
    --color-marca-claro: #3d1a1a; --trazo-enfoque: #fca5a5;
}
:root.paleta-cielo.forzar-iluminacion-oscura, .paleta-cielo.forzar-iluminacion-oscura {
    --color-marca: #38bdf8; --color-marca-hover: #67e8f9;
    --color-marca-claro: #0e2f44; --trazo-enfoque: #67e8f9;
}
:root.paleta-teal.forzar-iluminacion-oscura, .paleta-teal.forzar-iluminacion-oscura {
    --color-marca: #2dd4bf; --color-marca-hover: #5eead4;
    --color-marca-claro: #0a352e; --trazo-enfoque: #5eead4;
}
:root.paleta-lima.forzar-iluminacion-oscura, .paleta-lima.forzar-iluminacion-oscura {
    --color-marca: #a3e635; --color-marca-hover: #bef264;
    --color-marca-claro: #2c360a; --trazo-enfoque: #bef264;
}
:root.paleta-naranja.forzar-iluminacion-oscura, .paleta-naranja.forzar-iluminacion-oscura {
    --color-marca: #fb923c; --color-marca-hover: #fdba74;
    --color-marca-claro: #3b2309; --trazo-enfoque: #fdba74;
}
:root.paleta-fucsia.forzar-iluminacion-oscura, .paleta-fucsia.forzar-iluminacion-oscura {
    --color-marca: #e879f9; --color-marca-hover: #f0abfc;
    --color-marca-claro: #3b1f42; --trazo-enfoque: #f0abfc;
}