/* ===== FORCE LIGHT MODE - Override System Preferences ===== */

/* Override system dark mode preference */
@media (prefers-color-scheme: dark) {
    :root {
        /* Force Light Color Scheme */
        color-scheme: light;

        /* Force Light Mode Colors */
        --primary-color: #1d3d8a !important;
        --primary-dark: #152c6b !important;
        --primary-light: #4d6bb8 !important;
        --primary-lighter: #7a8ed1 !important;
        --primary-lightest: #a8b8e6 !important;
        --secondary-color: #64748b !important;
        --accent-color: #2563eb !important;
        --accent-warm: #3b82f6 !important;

        /* Force White Background */
        --white: #ffffff !important;
        --gray-50: #f8fafc !important;
        --gray-100: #f1f5f9 !important;
        --gray-200: #e2e8f0 !important;
        --gray-300: #cbd5e1 !important;
        --gray-400: #94a3b8 !important;
        --gray-500: #64748b !important;
        --gray-600: #6b7280 !important;
        --gray-700: #4b5563 !important;
        --gray-800: #374151 !important;
        --gray-900: #1f2937 !important;

        /* Force Light Text Colors */
        --text-primary: #1e293b !important;
        --text-secondary: #475569 !important;
        --text-tertiary: #64748b !important;
        --text-light: #94a3b8 !important;

        /* Force Light Shadows */
        --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
        --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
        --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
        --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
        --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    }

    /* Force Body Background to White */
    body {
        background-color: #ffffff !important;
        color: #1e293b !important;
    }

    /* Force Header to White Background */
    header,
    .modern-header {
        background: rgba(255, 255, 255, 0.98) !important;
        border-bottom-color: #e2e8f0 !important;
    }

    .logo-text {
        color: #1e293b !important;
    }

    .nav-list a {
        color: #475569 !important;
    }

    .nav-list a:hover,
    .nav-list a.active {
        color: #1d3d8a !important;
    }

    /* Force Hero Section to Light Blue */
    .hero-section,
    .modern-hero,
    .hero-modern {
        background: linear-gradient(135deg, #1d3d8a 0%, #2563eb 50%, #4d6bb8 100%) !important;
    }

    .hero-title,
    .hero-subtitle {
        color: #ffffff !important;
    }

    /* Force Cards to White Background */
    .card,
    .modern-card,
    .feature-card,
    .article-card,
    .agenda-card,
    .gallery-item,
    .content-box {
        background-color: #ffffff !important;
        border-color: #e2e8f0 !important;
        color: #1e293b !important;
    }

    /* Force Text Colors */
    h1, h2, h3, h4, h5, h6 {
        color: #1e293b !important;
    }

    p,
    .description,
    .text {
        color: #475569 !important;
    }

    .text-muted,
    .meta,
    .date {
        color: #64748b !important;
    }

    /* Force Buttons to Light Mode */
    .btn-primary,
    .modern-btn-primary {
        background: linear-gradient(135deg, #1d3d8a, #152c6b) !important;
        color: #ffffff !important;
    }

    .btn-outline,
    .modern-btn-outline {
        border-color: #1d3d8a !important;
        color: #1d3d8a !important;
        background-color: transparent !important;
    }

    .btn-outline:hover,
    .modern-btn-outline:hover {
        background-color: #1d3d8a !important;
        color: #ffffff !important;
    }

    /* Force Sections to White/Light Background */
    section,
    .section {
        background-color: #ffffff !important;
    }

    .section-light,
    .bg-light {
        background-color: #f8fafc !important;
    }

    .section-white,
    .bg-white {
        background-color: #ffffff !important;
    }

    /* Force Footer to Light Background */
    footer,
    .modern-footer {
        background-color: #f1f5f9 !important;
        border-top-color: #e2e8f0 !important;
    }

    .footer-content h3,
    .footer-section h3 {
        color: #1e293b !important;
    }

    .footer-content p,
    .footer-content a {
        color: #475569 !important;
    }

    .footer-content a:hover {
        color: #1d3d8a !important;
    }

    .footer-bottom {
        background-color: #e2e8f0 !important;
        color: #64748b !important;
    }

    /* Force Opening Speech to White */
    .opening-speech,
    .speech-container {
        background-color: #ffffff !important;
        border-color: #e2e8f0 !important;
    }

    /* Force Forms to Light Mode */
    input,
    textarea,
    select {
        background-color: #ffffff !important;
        border-color: #e2e8f0 !important;
        color: #1e293b !important;
    }

    input:focus,
    textarea:focus,
    select:focus {
        border-color: #1d3d8a !important;
        background-color: #ffffff !important;
    }

    input::placeholder,
    textarea::placeholder {
        color: #94a3b8 !important;
    }

    /* Force Tables to Light Mode */
    table {
        background-color: #ffffff !important;
        color: #1e293b !important;
    }

    table thead {
        background-color: #f8fafc !important;
    }

    table tbody tr {
        border-bottom-color: #e2e8f0 !important;
    }

    table tbody tr:hover {
        background-color: #f8fafc !important;
    }

    /* Force Links to Blue */
    a {
        color: #1d3d8a !important;
    }

    a:hover {
        color: #2563eb !important;
    }

    /* Force Mobile Menu to White */
    .mobile-menu {
        background-color: #ffffff !important;
        color: #1e293b !important;
    }

    .mobile-nav-link {
        color: #475569 !important;
    }

    .mobile-nav-link:hover,
    .mobile-nav-link.active {
        color: #1d3d8a !important;
        background-color: #f8fafc !important;
    }

    /* Force Scroll to Top Button */
    .scroll-top,
    #scrollTop {
        background-color: #1d3d8a !important;
        color: #ffffff !important;
    }

    /* Force Modal to White */
    .modal,
    .popup {
        background-color: #ffffff !important;
        color: #1e293b !important;
    }

    /* Force any element with dark-mode class to use light mode */
    body.dark-mode,
    .dark-mode {
        background-color: #ffffff !important;
        color: #1e293b !important;
    }

    body.dark-mode *,
    .dark-mode * {
        color: inherit !important;
    }
}

/* Additional override for any dark mode classes */
body.dark-mode {
    background-color: #ffffff !important;
    color: #1e293b !important;
}