body {
    font-family: "Inter", sans-serif;
    font-weight: 200;
}

a {
    color: #024296;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.bg-dark a {
    color: #96bffe;
}

h2, h4 {
    color: #861501;
}

.bg-dark h2, .bg-dark h4 {
    color: #f7a695;
}

#darkModeToggle {
    position: fixed;   /* Fixé sur l'écran même en scrollant */
    top: 15px;         /* Distance du haut */
    right: 15px;       /* Distance de la droite */
    z-index: 1000;     /* Toujours au-dessus des autres éléments */
    padding: 8px 15px; /* Taille du bouton */
    border-radius: 5px; /* Coins arrondis */
    font-size: 14px;   /* Taille du texte */
    background-color: #6c757d; /* Gris Bootstrap */
    color: white;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

#darkModeToggle:hover {
    background-color: #5a6268; /* Effet de survol */
}