/* ============================================
   COULEURS PERSONNALISÉES DES HERO SECTIONS
   ============================================ */

/* Page Outils IA - Tons technologiques (bleu cyan électrique) */
.outils-hero {
    background: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #0e7490 100%) !important;
}

/* Page Boîte à Outils - Tons orange énergiques */
.boite-outils-hero {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #dc2626 100%) !important;
}

/* Page Formations - Bleu plus soutenu professionnel */
.formations-hero {
    background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 50%, #1e293b 100%) !important;
}

.formations-hero .page-intro {
    color: var(--white) !important;
}

.formations-hero .page-intro a {
    color: var(--white) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.formations-hero .page-intro a:hover {
    color: var(--accent-yellow) !important;
    text-decoration-thickness: 2px;
}

/* Note: Les autres pages gardent leurs couleurs actuelles
   - Accueil: Gradient violet/bleu (conservé)
   - Glossaire: Gradient violet (conservé)
   - Bibliothèque: Gradient violet/bleu (conservé)
   - Contact: Style par défaut (conservé)
*/