/* Variables pour le mode noir */
body.dark-mode {
    --bg-light: #1a1a1a;
    /* Fond sombre */
    --text-dark: #e0e0e0;
    /* Texte clair */
    --text-light: #2c2c2c;
    /* Fond des cartes sombre */
    --primary-blue: #4a6cd4;
    /* Bleu plus clair pour mode noir */
    --primary-red: #d32f2f;
    /* Rouge plus clair pour mode noir */
    --shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
    /* Ombre claire */
}

/* Transition fluide pour les changements */
body {
    transition: background-color 0.3s, color 0.3s;
}

/* Ajustements pour les sections clés */
body.dark-mode header {
    background-color: var(--text-light);
}

/* Hero : overlay géré par .hero::before dans style.css — ne pas toucher au background ici */

body.dark-mode .products {
    background-color: var(--text-light);
}

body.dark-mode .testimonials {
    background: linear-gradient(170deg, var(--primary-blue), var(--primary-red));
}

body.dark-mode .contact {
    background-color: var(--bg-light);
}

body.dark-mode .contact-info,
body.dark-mode .contact-form,
body.dark-mode .service-card,
body.dark-mode .product-category {
    background-color: var(--text-light);
}

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

body.dark-mode .section-title p {
    color: var(--text-dark);
}

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

body.dark-mode .testimonial p,
body.dark-mode .testimonial-author {
    color: var(--text-dark);
}

body.dark-mode footer {
    background-color: var(--bg-light);
}

body.dark-mode .footer-links a {
    color: var(--text-dark);
}

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

body.dark-mode .social-media a,
body.dark-mode .social-media i {
    color: var(--text-dark);
}

body.dark-mode .social-media a:hover {
    color: var(--primary-red);
}

body.dark-mode .contact-icon i {
    color: var(--primary-blue);
}

body.dark-mode .gallery-content {
    background-color: var(--text-light);
    color: var(--text-dark);
}

body.dark-mode .close-btn {
    color: var(--text-dark);
}

/* Toggle géré dans style.css */