/* Personnalisation des couleurs en mode clair/sombre avec Bootstrap 5.3 */

:root {
    --bs-primary: #3B82F6; /* couleur primaire */
    --bs-secondary: #FF7A00; /* couleur CTA */
}

/* Ajout ou modification UNIQUEMENT pour le mode sombre */
[data-bs-theme="dark"] {
    --bs-body-bg: #121212;
    --bs-body-color: #ffffff;
    --bs-light: #1f1f1f;
}

/* personnaliser navbar spécifiquement */
.navbar {
    transition: background-color 0.3s ease;
}

/* Navbar en mode sombre */
[data-bs-theme="dark"] .navbar {
    background-color: #1f1f1f !important;
}

/* Footer en mode sombre */
[data-bs-theme="dark"] footer {
    background-color: #1f1f1f !important;
    color: #ffffff;
}

/* Cards en mode sombre */
[data-bs-theme="dark"] .card {
    background-color: #1f1f1f !important;
    color: #ffffff;
}

/* Bouton primaire adapté aux deux modes */
.btn-primary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-primary:hover {
    background-color: #e66f00;
    border-color: #e66f00;
}

a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    color: #007bff;
}