/* 🌙 Mode sombre global */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

/* ✅ Titres */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3 {
    color: #f1c40f;
}

/* ✅ Navbar */
body.dark-mode .navbar {
    background-color: #000 !important;
}
body.dark-mode .navbar-brand,
body.dark-mode .nav-link {
    color: #f1c40f !important;
}
body.dark-mode .nav-link:hover {
    color: #1abc9c !important;
}

/* ✅ Cartes Bootstrap */
body.dark-mode .card {
    background-color: #1e1e1e;
    border: 1px solid #333;
}
body.dark-mode .card:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 20px rgba(255,255,255,0.1);
}
body.dark-mode .card-title {
    color: #f1c40f;
}
body.dark-mode .card-text {
    color: #ccc;
}

/* ✅ Boutons */
body.dark-mode .btn-primary {
    background-color: #2980b9;
    border: none;
}
body.dark-mode .btn-success {
    background-color: #27ae60;
    border: none;
}
body.dark-mode .btn-danger {
    background-color: #c0392b;
    border: none;
}
body.dark-mode .btn-warning {
    background-color: #d68910;
    border: none;
}

/* ✅ Badges */
body.dark-mode .badge {
    opacity: 0.9;
}

/* ✅ Tableaux */
body.dark-mode .table {
    color: #e0e0e0;
}
body.dark-mode .table th {
    background-color: #000;
    color: #f1c40f;
}
body.dark-mode .table-hover tbody tr:hover {
    background-color: #2c2c2c;
}

/* ✅ Formulaires */
body.dark-mode .form-control {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border: 1px solid #444;
}
body.dark-mode .form-control:focus {
    border-color: #f1c40f;
    box-shadow: 0 0 5px rgba(241, 196, 15, 0.5);
}

/* ✅ Footer */
body.dark-mode footer {
    background-color: #000;
    color: #f1c40f;
}
body.dark-mode footer a {
    color: #1abc9c;
}