/* Dark mode styles */
body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

.dark-mode .navbar {
    background-color: #1f1f1f;
    color: #ffffff;
}

body.dark-mode .navbar.navbar-light .navbar-brand,
body.dark-mode .navbar.navbar-light .navbar-nav .nav-link {
    color: #ffffff !important; /* Change la couleur des liens et du texte */
}

.dark-mode .card, 
.dark-mode .btn-primary {
    background-color: #2b2b2b;
    border-color: #444;
    color: #ffffff;
}

.dark-mode .btn-primary:hover {
    background-color: #444;
}

.dark-mode a {
    color: #1e90ff;
}

/* Dark mode styles */
body.dark-mode .bg-light {
    background-color: #2b2b2b !important; /* Fond plus sombre pour le dark mode */
    color: #ffffff;
}

body.dark-mode .text-muted {
    color: #b3b3b3 !important; /* Couleur de texte plus claire pour le dark mode */
}

body.dark-mode .text-gradient {
    background-image: linear-gradient(90deg, #1e90ff, #ff7f50); /* Ajustez la couleur du gradient si nécessaire */
    -webkit-background-clip: text;
    color: transparent;
}

/* Dark mode styles pour le footer */
body.dark-mode footer {
    background-color: #1f1f1f !important; /* Fond sombre pour le footer */
    color: #ffffff;
}

body.dark-mode footer a {
    color: #b3b3b3 !important; /* Couleur plus claire pour les liens */
}

body.dark-mode footer a:hover {
    color: #ffffff; /* Couleur de survol en mode sombre */
}