/* ───── Light Theme: إصلاح شامل للنصوص والخلفيات ───── */
    html[data-theme="light"] body,
    html[data-theme="light"] {
        background: #f7f8fc !important;
        color: #0d1220 !important;
    }
    html[data-theme="light"] body::before {
        background: radial-gradient(ellipse 80% 60% at 20% 30%, rgba(212, 175, 55,.08), transparent),
                    radial-gradient(ellipse 60% 80% at 80% 70%, rgba(99,102,241,.05), transparent),
                    linear-gradient(180deg, #ffffff, #f7f8fc) !important;
        opacity: 1 !important;
    }
    html[data-theme="light"] body::after {
        opacity: .08 !important;
    }

    /* النصوص الأساسية */
    html[data-theme="light"] h1,
    html[data-theme="light"] h2,
    html[data-theme="light"] h3,
    html[data-theme="light"] h4,
    html[data-theme="light"] h5 {
        color: #0a0e1a !important;
    }
    html[data-theme="light"] p,
    html[data-theme="light"] span:not(.gradient-text):not([class*="badge"]),
    html[data-theme="light"] li,
    html[data-theme="light"] td {
        color: #1f2937 !important;
    }
    html[data-theme="light"] .lead,
    html[data-theme="light"] .text-muted,
    html[data-theme="light"] .text-soft {
        color: #4a5266 !important;
    }

    /* Eyebrow / pill labels */
    html[data-theme="light"] .eyebrow,
    html[data-theme="light"] .pill,
    html[data-theme="light"] [class*="badge"]:not([class*="orange"]):not([class*="gradient"]) {
        background: rgba(212, 175, 55,.08) !important;
        color: #d44a1f !important;
        border-color: rgba(212, 175, 55,.25) !important;
    }

    /* الـ Hero: خلفية فاتحة + نص داكن */
    html[data-theme="light"] .hero,
    html[data-theme="light"] .home-hero,
    html[data-theme="light"] .page-hero,
    html[data-theme="light"] .page-head {
        background: linear-gradient(180deg, #ffffff 0%, #f7f8fc 100%) !important;
    }
    html[data-theme="light"] .hero h1,
    html[data-theme="light"] .home-hero h1,
    html[data-theme="light"] .page-head h1,
    html[data-theme="light"] .page-hero h1 {
        color: #0a0e1a !important;
        text-shadow: none !important;
    }
    html[data-theme="light"] .hero p,
    html[data-theme="light"] .hero .hero-text p,
    html[data-theme="light"] .home-hero p {
        color: #2a3140 !important;
    }
    html[data-theme="light"] .hero-bullets,
    html[data-theme="light"] .hero-bullets span {
        color: #2a3140 !important;
    }

    /* بطاقات Hero (right side) */
    html[data-theme="light"] .hero-card,
    html[data-theme="light"] .hero-visual .card,
    html[data-theme="light"] .service-card,
    html[data-theme="light"] .calc-card,
    html[data-theme="light"] .feature-card,
    html[data-theme="light"] .product,
    html[data-theme="light"] .case,
    html[data-theme="light"] .mt-cmp-card,
    html[data-theme="light"] .mt-persona-card,
    html[data-theme="light"] .compare-card,
    html[data-theme="light"] .alt-card,
    html[data-theme="light"] .quiz-card,
    html[data-theme="light"] .result-card,
    html[data-theme="light"] .explain-item,
    html[data-theme="light"] .card {
        background: linear-gradient(135deg, #ffffff 0%, #fafbfd 100%) !important;
        border: 1px solid rgba(0,0,0,.06) !important;
        box-shadow: 0 12px 30px rgba(20,20,40,.06), 0 0 0 1px rgba(0,0,0,.02) inset !important;
    }
    html[data-theme="light"] .hero-card h3,
    html[data-theme="light"] .hero-card h4,
    html[data-theme="light"] .service-card h3,
    html[data-theme="light"] .service-card h4,
    html[data-theme="light"] .mt-cmp-card h3,
    html[data-theme="light"] .mt-persona-card h3 {
        color: #0a0e1a !important;
    }
    html[data-theme="light"] .hero-card p,
    html[data-theme="light"] .hero-card span,
    html[data-theme="light"] .service-card p,
    html[data-theme="light"] .mt-cmp-card p,
    html[data-theme="light"] .mt-cmp-card li,
    html[data-theme="light"] .mt-persona-card p {
        color: #4a5266 !important;
    }

    /* Hero card metric numbers + chips */
    html[data-theme="light"] .hero-card-metric .num,
    html[data-theme="light"] .stat strong,
    html[data-theme="light"] .stat-number,
    html[data-theme="light"] .stats-row strong {
        color: #D4AF37 !important;
    }
    html[data-theme="light"] .hero-card-metric span:not(.num),
    html[data-theme="light"] .stat span {
        color: #4a5266 !important;
    }
    html[data-theme="light"] .hero-card-chip {
        background: rgba(212, 175, 55,.12) !important;
        color: #d44a1f !important;
    }

    /* topbar nav في الـ light */
    html[data-theme="light"] .mt-topbar {
        background: rgba(255,255,255,.95) !important;
        border-bottom: 1px solid rgba(212, 175, 55,.15) !important;
    }
    html[data-theme="light"] .mt-topbar-brand,
    html[data-theme="light"] .mt-topbar-link {
        color: #1a1a2e !important;
    }
    html[data-theme="light"] .mt-topbar-link.active {
        background: linear-gradient(135deg, rgba(212, 175, 55,.15), rgba(212, 175, 55,.08)) !important;
        color: #d44a1f !important;
    }

    /* CTA buttons */
    html[data-theme="light"] .btn-primary,
    html[data-theme="light"] .cta-btn,
    html[data-theme="light"] .btn-pro,
    html[data-theme="light"] .mt-topbar-cta {
        background: linear-gradient(135deg, #D4AF37, #e55a2b) !important;
        color: #fff !important;
        border: none !important;
    }
    html[data-theme="light"] .btn-secondary,
    html[data-theme="light"] a.btn:not(.btn-primary):not(.cta-btn) {
        background: rgba(255,255,255,.95) !important;
        color: #1a1a2e !important;
        border: 1px solid rgba(0,0,0,.1) !important;
    }

    /* Sections backgrounds */
    html[data-theme="light"] section,
    html[data-theme="light"] .section,
    html[data-theme="light"] .mt-comparison-section,
    html[data-theme="light"] .mt-personas-section,
    html[data-theme="light"] .explain-section,
    html[data-theme="light"] .mt-marquee-section,
    html[data-theme="light"] footer,
    html[data-theme="light"] .footer {
        background-color: transparent !important;
        color: #1f2937 !important;
    }
    html[data-theme="light"] section h2,
    html[data-theme="light"] .section h2 {
        color: #0a0e1a !important;
        background: none !important;
        -webkit-text-fill-color: initial !important;
    }
    html[data-theme="light"] footer,
    html[data-theme="light"] .footer,
    html[data-theme="light"] .site-footer {
        background: #ffffff !important;
        border-top: 1px solid rgba(0,0,0,.06) !important;
    }
    html[data-theme="light"] footer *,
    html[data-theme="light"] .footer * {
        color: #1f2937 !important;
    }
    html[data-theme="light"] footer a:hover,
    html[data-theme="light"] .footer a:hover {
        color: #D4AF37 !important;
    }

    /* form inputs */
    html[data-theme="light"] input,
    html[data-theme="light"] textarea,
    html[data-theme="light"] select,
    html[data-theme="light"] .field-input,
    html[data-theme="light"] .field-select {
        background: #ffffff !important;
        color: #1a1a2e !important;
        border: 1px solid rgba(0,0,0,.12) !important;
    }
    html[data-theme="light"] input:focus,
    html[data-theme="light"] textarea:focus,
    html[data-theme="light"] select:focus {
        border-color: #D4AF37 !important;
        box-shadow: 0 0 0 3px rgba(212, 175, 55,.15) !important;
    }
    html[data-theme="light"] label,
    html[data-theme="light"] .field-label {
        color: #1a1a2e !important;
    }

    /* Mode tabs */
    html[data-theme="light"] .mode-tab,
    html[data-theme="light"] .tab {
        background: rgba(0,0,0,.04) !important;
        color: #4a5266 !important;
    }
    html[data-theme="light"] .mode-tab.active,
    html[data-theme="light"] .tab.active {
        background: linear-gradient(135deg, #D4AF37, #e55a2b) !important;
        color: #fff !important;
    }

    /* Hero result */
    html[data-theme="light"] .hero-result {
        background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%) !important;
        color: #0a0e1a !important;
    }
    html[data-theme="light"] .hero-amount {
        color: #d44a1f !important;
    }

    /* Stat numbers في الـ home */
    html[data-theme="light"] [class*="stat-"] strong,
    html[data-theme="light"] .hero-stats strong {
        color: #D4AF37 !important;
    }

    /* Marquee — اللون الفاتح */
    html[data-theme="light"] .mt-marquee-track .item {
        color: rgba(0,0,0,.5) !important;
    }
    html[data-theme="light"] .mt-marquee-label {
        color: #D4AF37 !important;
    }

    /* Card icons في light */
    html[data-theme="light"] .service-icon,
    html[data-theme="light"] .calc-icon,
    html[data-theme="light"] [class*="-icon"] {
        filter: none !important;
    }

    /* الـ trust badges */
    html[data-theme="light"] .mt-trust-badge {
        background: rgba(212, 175, 55,.1) !important;
        color: #d44a1f !important;
        border-color: rgba(212, 175, 55,.3) !important;
    }
    html[data-theme="light"] .mt-trust-badge.orange {
        background: linear-gradient(135deg, #D4AF37, #e55a2b) !important;
        color: #fff !important;
    }

    /* Hero icons (cinema/camera SVGs) في light theme */
    html[data-theme="light"] .hero-card-icon {
        background: linear-gradient(135deg, #fff7ed, #ffedd5) !important;
        color: #D4AF37 !important;
    }
    html[data-theme="light"] .hero-card-icon svg,
    html[data-theme="light"] .hero-card-icon .iconify {
        color: #d44a1f !important;
        stroke: #d44a1f !important;
    }

    /* Cookie banner للـ light theme */
    html[data-theme="light"] .mt-cookie-banner,
    html[data-theme="light"] .mt-cookie-modal {
        background: #ffffff !important;
        color: #1a1a2e !important;
        border-color: rgba(212, 175, 55,.2) !important;
    }
    html[data-theme="light"] .mt-cookie-banner *,
    html[data-theme="light"] .mt-cookie-modal * {
        color: #1a1a2e !important;
    }

    /* Auth card في light */
    html[data-theme="light"] .mt-auth-card {
        background: #ffffff !important;
        color: #1a1a2e !important;
    }

    /* Mobile sticky في light */
    html[data-theme="light"] .mt-mobile-sticky {
        background: rgba(255,255,255,.95) !important;
        border-top-color: rgba(212, 175, 55,.2) !important;
    }
    html[data-theme="light"] .mt-mobile-sticky * {
        color: #1a1a2e !important;
    }