/* --- Support for Light Theme Text Visibility --- */
body.ai-light-theme {
    color: #334155 !important;
}

body.ai-light-theme .display-1,
body.ai-light-theme .display-2,
body.ai-light-theme .display-3,
body.ai-light-theme .display-4,
body.ai-light-theme h1,
body.ai-light-theme h2,
body.ai-light-theme h3,
body.ai-light-theme h4,
body.ai-light-theme h5,
body.ai-light-theme h6 {
    color: #0f172a !important;
}

body.ai-light-theme .text-white-50 {
    color: #64748b !important;
}

body.ai-light-theme .text-white {
    color: #0f172a !important;
}

body.ai-light-theme p.lead {
    color: #475569 !important;
}

body.ai-light-theme .glass-card p {
    color: #475569 !important;
}

body.ai-light-theme .glass-card h5 {
    color: #0f172a !important;
}

/* Fix for hero section specifically */
body.ai-light-theme .section h1,
body.ai-light-theme .section .display-3,
body.ai-light-theme .section .display-4,
body.ai-light-theme .section-2xl h1,
body.ai-light-theme .section-2xl .display-3,
body.ai-light-theme .section-2xl .display-4 {
    color: #0f172a !important;
}

body.ai-light-theme .section .lead,
body.ai-light-theme .section-2xl .lead {
    color: #334155 !important;
}

/* Fix for diagram overlap and spacing */
body.ai-light-theme .venn-container {
    margin-top: 3rem !important;
}

@media (min-width: 992px) {
    body.ai-light-theme .section {
        padding-top: 10rem !important;
    }
}

.ai-light-theme .border-white-10 {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

/* Force white text on black header even in light theme */
body.ai-light-theme .header.header-color-black .nav-link {
    color: #ffffff !important;
}

body.ai-light-theme .header.header-color-black .nav-link:hover {
    color: var(--ai-accent) !important;
}

body.ai-light-theme .header.header-color-black .header-menu-extra i,
body.ai-light-theme .header.header-color-black .header-toggle span {
    color: #ffffff !important;
}

body.ai-light-theme .header.header-color-black .header-toggle span::before,
body.ai-light-theme .header.header-color-black .header-toggle span::after {
    background-color: #ffffff !important;
}

body.ai-light-theme .header.header-color-black .nav-dropdown {
    background-color: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body.ai-light-theme .header.header-color-black .nav-dropdown-link {
    color: #ffffff !important;
}

body.ai-light-theme .header.header-color-black .nav-dropdown-link:hover {
    color: var(--ai-accent) !important;
}