/* Contact page dark mode fixes */
body.dark-mode { background-color: #121212; color: #e0e0e0; }
body.dark-mode .header { background: #181818 !important; }
body.dark-mode .nav-links a { color: #e0e0e0 !important; }
body.dark-mode .contact-page { background: #121212 !important; color: #e0e0e0 !important; }

/* Maximum specificity content-wrapper override for dark mode */
body.dark-mode .contact-page .content-wrapper,
html.dark-mode .contact-page .content-wrapper,
body.dark-mode main.contact-page .content-wrapper,
html.dark-mode main.contact-page .content-wrapper,
body.dark-mode main .content-wrapper,
html.dark-mode main .content-wrapper,
body.dark-mode main#main-content .content-wrapper,
html.dark-mode main#main-content .content-wrapper,
body.dark-mode.dark-mode .contact-page .content-wrapper,
html.dark-mode.dark-mode .contact-page .content-wrapper,
body.dark-mode div.content-wrapper,
html.dark-mode div.content-wrapper {
    background: transparent !important; 
    background-color: transparent !important;
    color: #e0e0e0 !important; 
}

/* Nuclear option - override any potential white background */
.dark-mode div[class*="content-wrapper"],
.dark-mode *[class*="content-wrapper"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* Ultimate specificity override for stubborn background */
body.dark-mode div.content-wrapper[class],
body.dark-mode .content-wrapper[class],
html.dark-mode div.content-wrapper[class],
html.dark-mode .content-wrapper[class] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* CSS variable override approach */
body.dark-mode {
    --bg-main: transparent !important;
    --card-bg: transparent !important;
}

body.dark-mode .department-section h2 { color: #ffffff; }
body.dark-mode .staff-item h3 { color: #ffffff; }
body.dark-mode .staff-item p { color: #cfcfcf; }
body.dark-mode .staff-item a { color: #90caf9; }
body.dark-mode .staff-item a:hover { color: #64b5f6; }
body.dark-mode .footer { background: #181818; color: #e0e0e0; }
body.dark-mode .footer a { color: #90caf9; }