/* Rend les titres de la page plus sombres et gras */
h1, h2, h3, h4 {
    font-weight: 700;
    color: #212121 !important; /* Un gris très sombre, presque noir */
}

/* En mode sombre (Slate), on les met en blanc pur pour le contraste */
[data-md-color-scheme="slate"] h1, 
[data-md-color-scheme="slate"] h2, 
[data-md-color-scheme="slate"] h3 {
    color: #ffffff !important;
}

/* Optionnel : Ajoute une petite barre rose à gauche des titres H2 pour bien les séparer */
h2 {
    border-left: 4px solid #ff4081; /* Ton rose */
    padding-left: 12px;
    margin-top: 1.5em;
}



/* --- Cible uniquement les titres des grosses catégories à gauche --- */

/* En mode clair (White) */
.md-nav__item--nested > .md-nav__link, 
.md-nav__link--caption {
    color: #000000 !important;   /* Noir profond pour que ce soit bien foncé */
    font-weight: 800 !important;  /* Très gras */
    font-size: 0.95rem !important; /* Plus grand que les sous-pages */
    margin-top: 1rem !important;  /* Plus d'espace pour bien séparer les blocs */
    opacity: 1 !important;        /* On enlève l'effet de transparence */
}

/* En mode sombre (Slate) */
[data-md-color-scheme="slate"] .md-nav__item--nested > .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__link--caption {
    color: #ffffff !important;    /* Blanc pur pour bien ressortir sur le gris */
    font-weight: 800 !important;
}

/* Optionnel : Une petite ligne rose sous ces titres pour le style */
.md-nav__item--nested > .md-nav__link {
    border-bottom: 1px solid #ff408122;
    padding-bottom: 4px;
}