/* ========== COMPREHENSIVE DARK MODE OVERRIDES ========== */

/* All sections with background */
[data-theme="dark"] section {
    background: var(--bg-body);
    color: var(--text-main);
}

/* Hero section */
[data-theme="dark"] .hero {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%);
}

/* Buttons in dark mode */
[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, var(--primary-navy) 0%, var(--primary-blue) 100%);
    box-shadow: 0 4px 15px rgba(96, 165, 250, 0.3);
}

[data-theme="dark"] .btn-secondary {
    background-color: transparent;
    border-color: var(--primary-navy);
    color: var(--primary-navy);
}

/* Footer in dark mode */
[data-theme="dark"] footer {
    background: var(--bg-light);
    color: var(--text-light);
    border-top-color: rgba(100, 116, 139, 0.3);
}

/* All text elements */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: var(--text-main);
}

[data-theme="dark"] p {
    color: var(--text-light);
}

/* Input fields */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: var(--bg-light);
    border-color: rgba(100, 116, 139, 0.3);
    color: var(--text-main);
}

[data-theme="dark"] input::placeholder {
    color: rgba(203, 213, 225, 0.5);
}

/* Slider/carousel */
[data-theme="dark"] .slide {
    background: var(--bg-light);
}

[data-theme="dark"] .slider-nav button {
    background: rgba(96, 165, 250, 0.2);
    border-color: var(--primary-navy);
}

/* Team member cards */
[data-theme="dark"] .member-name {
    color: var(--text-main);
}

[data-theme="dark"] .member-role {
    color: var(--text-light);
}

/* Announcement card */
[data-theme="dark"] .announcement-card {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.9) 100%);
    border-color: rgba(96, 165, 250, 0.3);
}

/* Links */
[data-theme="dark"] a {
    color: var(--primary-blue);
}

[data-theme="dark"] a:hover {
    color: var(--primary-navy);
}