/* Définition des variables CSS personnalisées pour les thèmes */
:root,
[data-bs-theme=light] {
    --bs-primary: #cc3333; /* Couleur principale du site, utilisée pour les éléments comme les boutons et les liens */
    --bs-tertiary-bg: #cc3333; /* Couleur de fond utilisée pour les éléments de fond tiers, comme bg-body-tertiary */
    --bs-link-color: #cc3333; /* Couleur des liens */
    --bs-link-hover-color: #a32929; /* Couleur des liens au survol */
}

/* Définition des mêmes variables mais pour le thème sombre */
[data-bs-theme=dark] {
    color-scheme: dark; /* Indique au navigateur que le thème est sombre pour ajuster l'affichage du site */
    --bs-tertiary-bg: #cc3333; /* Maintient la même couleur de fond pour le thème sombre */
    --bs-link-color: #cc3333; /* Les liens conservent la même couleur dans le thème sombre */
    --bs-link-hover-color: #a32929; /* Couleur des liens au survol dans le thème sombre */
}

/* Applique la couleur de fond personnalisée pour bg-body-tertiary en utilisant la variable CSS */
.bg-body-tertiary {
    background-color: var(--bs-tertiary-bg) !important; /* Utilise la variable définie pour le fond, et garantit son application avec !important */
}

/* Applique la couleur principale des liens sur toute la page */
a {
    color: var(--bs-link-color); /* Applique la couleur principale des liens définie dans les variables */
}

/* Applique la couleur au survol des liens */
a:hover {
    color: var(--bs-link-hover-color); /* Applique la couleur au survol des liens en utilisant la couleur définie pour le survol */
}

/* Personnalisation des boutons avec la couleur primaire */
.btn-primary {
    --bs-btn-bg: var(--bs-primary); /* Applique la couleur primaire définie comme fond pour les boutons */
    --bs-btn-border-color: var(--bs-primary); /* Applique la couleur primaire définie pour les bordures des boutons */
    --bs-btn-hover-bg: #a32929; /* Couleur de fond au survol des boutons, définie ici spécifiquement pour le hover */
    --bs-btn-hover-border-color: #a32929; /* Couleur de bordure au survol des boutons, définie ici spécifiquement pour le hover */
    --bs-btn-active-bg: #a32929; /* Couleur de fond pour les boutons dans l'état "actif" (lorsque le bouton est enfoncé) */
    --bs-btn-active-border-color: #a32929; /* Couleur de bordure pour les boutons dans l'état "actif" (lorsque le bouton est enfoncé) */
}