/* --- Transition Douce --- */
* {
    /* Appliquer une transition à ces propriétés sur tous les éléments */
    /* Une durée de 0.3s est généralement agréable à l'oeil */
    transition: background-color 0.3s ease, color 0.3s ease,
        border-color 0.3s ease;
}

/* --- Animation de l'icône de thème --- */
#theme-toggle {
    /* Appliquer une transition douce à la propriété transform */
    transition: transform 0.4s ease;
}

#theme-toggle.is-spinning {
    /* Définir l'état de rotation de 360 degrés */
    transform: rotate(360deg);
}