/**
 * page-light-mode.css
 * Neutralise uniquement les classes dark: de Tailwind sur pages non-services
 * NE TOUCHE PAS : header, footer, scripts JS, couleurs explicites
 */

/* === EXCLUSIONS === */
/* Ne JAMAIS toucher au header (géré par header.js + styles.css) */
/* Ne JAMAIS toucher au footer (reste sombre) */
/* Ne JAMAIS écraser les couleurs explicites (bg-primary, text-primary, etc.) */

/* === NEUTRALISER LES CLASSES TAILWIND DARK: === */

/* Fonds sombres → blancs (SAUF header et footer) */
html:not(.page-service) body.dark\:bg-gray-900 {
    background-color: #ffffff !important;
}

html:not(.page-service) main .dark\:bg-gray-900,
html:not(.page-service) section .dark\:bg-gray-900 {
    background-color: #ffffff !important;
}

html:not(.page-service) main .dark\:bg-gray-800,
html:not(.page-service) section .dark\:bg-gray-800 {
    background-color: #f9fafb !important;
}

html:not(.page-service) main .dark\:bg-gray-700,
html:not(.page-service) section .dark\:bg-gray-700 {
    background-color: #f3f4f6 !important;
}

/* Textes blancs → foncés (SAUF header et footer) */
html:not(.page-service) main .dark\:text-white,
html:not(.page-service) section .dark\:text-white {
    color: #1a1a1a !important;
}

html:not(.page-service) main .dark\:text-gray-100,
html:not(.page-service) main .dark\:text-gray-200,
html:not(.page-service) section .dark\:text-gray-100,
html:not(.page-service) section .dark\:text-gray-200 {
    color: #374151 !important;
}

html:not(.page-service) main .dark\:text-gray-300,
html:not(.page-service) main .dark\:text-gray-400,
html:not(.page-service) section .dark\:text-gray-300,
html:not(.page-service) section .dark\:text-gray-400 {
    color: #6b7280 !important;
}

/* Bordures sombres → claires */
html:not(.page-service) main .dark\:border-gray-700,
html:not(.page-service) main .dark\:border-gray-600,
html:not(.page-service) section .dark\:border-gray-700,
html:not(.page-service) section .dark\:border-gray-600 {
    border-color: #d1d5db !important;
}

/* === FOOTER - GARDER LE FOND SOMBRE === */
html:not(.page-service) footer,
html:not(.page-service) footer.dark\:bg-gray-900 {
    background-color: #1f2937 !important;
}

html:not(.page-service) footer .dark\:text-white,
html:not(.page-service) footer .dark\:text-gray-300 {
    color: #ffffff !important;
}