/* ============================================
   DARK MODE - VISION ÉRABLE IMMIGRATION
   ============================================ */

body.dark-mode {
    --bg-primary: #1A1A1A;
    --bg-secondary: #2C2C2C;
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --border-color: #3A3A3A;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.5);
}

body.dark-mode {
    background: var(--bg-primary);
    color: var(--text-primary);
}

body.dark-mode .header {
    background: var(--bg-secondary);
    box-shadow: var(--shadow);
}

body.dark-mode .nav a {
    color: var(--text-primary);
}

body.dark-mode .nav a:hover,
body.dark-mode .nav a.active {
    color: var(--primary-color);
}

body.dark-mode .section-light {
    background: var(--bg-secondary);
}

body.dark-mode .section-white {
    background: var(--bg-primary);
}

body.dark-mode .card {
    background: var(--bg-secondary);
    box-shadow: var(--shadow);
    color: var(--text-primary);
}

body.dark-mode .card:hover {
    box-shadow: var(--shadow-hover);
}

body.dark-mode .card p {
    color: var(--text-secondary);
}

body.dark-mode .blog-card,
body.dark-mode .offre-card {
    background: var(--bg-secondary);
    box-shadow: var(--shadow);
}

body.dark-mode .blog-card-content,
body.dark-mode .offre-card-content {
    color: var(--text-primary);
}

body.dark-mode .blog-card-content p,
body.dark-mode .offre-card-content p {
    color: var(--text-secondary);
}

body.dark-mode .form-group input,
body.dark-mode .form-group select,
body.dark-mode .form-group textarea {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .form-group input:focus,
body.dark-mode .form-group select:focus,
body.dark-mode .form-group textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(212, 27, 44, 0.2);
}

body.dark-mode .form-group label {
    color: var(--text-primary);
}

body.dark-mode .footer {
    background: #111111;
}

body.dark-mode .footer p,
body.dark-mode .footer a {
    color: rgba(255, 255, 255, 0.6);
}

body.dark-mode .footer a:hover {
    color: var(--white);
}

body.dark-mode .menu-toggle span {
    background: var(--text-primary);
}

body.dark-mode .lang-select {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body.dark-mode .lang-select:hover {
    border-color: var(--primary-color);
}

body.dark-mode .dark-toggle {
    color: var(--text-primary);
}

body.dark-mode .dark-toggle:hover {
    color: var(--primary-color);
}

body.dark-mode .recompenses {
    background: var(--bg-secondary);
}

body.dark-mode .badge-item span {
    color: var(--text-primary);
}

body.dark-mode .btn-outline {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

body.dark-mode .btn-outline:hover {
    background: var(--primary-color);
    color: var(--white);
}

body.dark-mode .hero {
    background: linear-gradient(135deg, #0A0A0A 0%, #1A1A1A 100%);
}

/* Mobile menu dark mode */
@media (max-width: 768px) {
    body.dark-mode .nav {
        background: var(--bg-secondary);
        box-shadow: var(--shadow);
    }
    
    body.dark-mode .nav a {
        border-bottom-color: var(--border-color);
    }
}