/* ══ FANAAR LIGHT THEME ══════════════════════════════════════════ */
body.light-theme {
    background: #FBF4D5 !important;
    color: #28272D !important;
}
body.light-theme #fn-topbar { background: #28272D !important; border-bottom-color: #955A51 !important; }
body.light-theme .fanaar-rail { background: #28272D !important; }
body.light-theme .fanaar-rail .item { color: rgba(255,255,255,0.6) !important; }
body.light-theme .fanaar-rail .item.active,
body.light-theme .fanaar-rail .item:hover { color: #D4926A !important; }

/* Page background & surfaces */
body.light-theme .page-wrap,
body.light-theme .dashboard-canvas,
body.light-theme .layout-container,
body.light-theme main { background: #FBF4D5 !important; }

/* Cards */
body.light-theme .widget-card,
body.light-theme .dash-widget,
body.light-theme .article-teaser,
body.light-theme .teaser-card,
body.light-theme .r-item,
body.light-theme .col-wrap,
body.light-theme .radar-col { background: #F0EAD2 !important; border-color: #C5BFA7 !important; color: #28272D !important; }

/* Text */
body.light-theme h1, body.light-theme h2, body.light-theme h3,
body.light-theme h4, body.light-theme p, body.light-theme li,
body.light-theme span, body.light-theme div { color: inherit; }
body.light-theme .col-head { background: #28272D !important; color: #D4926A !important; }
body.light-theme .col-sub { color: #615E57 !important; }

/* Article specific */
body.light-theme .fanaar-article-page { background: #FBF4D5 !important; }
body.light-theme .fanaar-article-page .layout-container { background: #FBF4D5 !important; }
body.light-theme .article-full-body { color: #28272D !important; background: transparent !important; }
body.light-theme .article-full-title { color: #28272D !important; }
body.light-theme .article-breadcrumb { background: #EDE8D0 !important; border-color: #C5BFA7 !important; }
body.light-theme .article-breadcrumb a { color: #955A51 !important; }
body.light-theme .fanaar-article-page .article-full-sidebar { background: #EDE8D0 !important; }
body.light-theme .fanaar-article-page .sidebar-widget-body { background: #F5F0DF !important; }
body.light-theme .fanaar-article-page .sidebar-widget { border-color: #C5BFA7 !important; }
body.light-theme .article-inline-timeline { border-color: #C5BFA7 !important; }
body.light-theme .article-inline-timeline-head { background: #28272D !important; }
body.light-theme .timeline-date { color: #955A51 !important; }
body.light-theme .timeline-event { color: #28272D !important; }
body.light-theme .timeline-detail { color: #615E57 !important; }
body.light-theme .timeline-item { border-color: #D5CDB8 !important; }

/* Share & trending */
body.light-theme .article-share { border-color: #C5BFA7 !important; }
body.light-theme .article-share a { color: #28272D !important; border-color: rgba(40,39,45,0.25) !important; }
body.light-theme .article-share a:hover { background: #28272D !important; color: #FBF4D5 !important; }
body.light-theme .trending-title { background: #28272D !important; color: #D4926A !important; }
body.light-theme .trending-list a { color: #28272D !important; }
body.light-theme .trending-list a:hover { color: #955A51 !important; }

/* Accents */
body.light-theme .article-dateline,
body.light-theme .region-tag { color: #955A51 !important; border-color: #955A51 !important; }
body.light-theme .actor-network-btn { color: #955A51 !important; border-color: rgba(149,90,81,0.4) !important; }
body.light-theme #fanaar-btt { background: #955A51 !important; }
body.light-theme .reading-progress-fill { background: #955A51 !important; }
body.light-theme #fn-reading-progress .progress-fill { background: #955A51 !important; }

/* Footer */
body.light-theme #fanaar-footer,
body.light-theme .site-footer { background: #28272D !important; border-top-color: #955A51 !important; }

/* Radar specific */
body.light-theme .r-title { color: #28272D !important; }
body.light-theme .r-source { color: #955A51 !important; }
body.light-theme .r-detail { color: #615E57 !important; }
body.light-theme .r-item:hover { background: #E8E0C8 !important; }

/* Markets */
body.light-theme .market-card,
body.light-theme .market-tab { background: #F0EAD2 !important; border-color: #C5BFA7 !important; color: #28272D !important; }

/* Breadcrumb separator */
body.light-theme .bc-sep { color: #A19685 !important; }

/* ══ DASHBOARD / HOMEPAGE LIGHT OVERRIDES ══════════════════════ */
body.light-theme { --navy: #28272D !important; --n2: #3D3C44 !important; --gold: #955A51 !important; --g2: #B87068 !important; --text: #28272D !important; --muted: #A19685 !important; --border: rgba(149,90,81,0.25) !important; --b2: rgba(40,39,45,0.08) !important; }
body.light-theme html, body.light-theme body { background: #FBF4D5 !important; color: #28272D !important; }
body.light-theme #rnav { background: #EDE8D0 !important; border-bottom-color: #C5BFA7 !important; }
body.light-theme .rn { color: #615E57 !important; border-bottom-color: transparent !important; }
body.light-theme .rn:hover, body.light-theme .rn.active { color: #955A51 !important; border-bottom-color: #955A51 !important; }
body.light-theme .sec { background: #F0EAD2 !important; border-color: #C5BFA7 !important; }
body.light-theme .hero-ov { background: linear-gradient(to top, #FBF4D5 5%, rgba(251,244,213,0.75) 55%, transparent) !important; }
body.light-theme .hero-title { color: #28272D !important; }
body.light-theme .hero-title:hover { color: #955A51 !important; }
body.light-theme .hero-cta { background: #955A51 !important; color: #FBF4D5 !important; }
body.light-theme .hero-cta:hover { background: #B87068 !important; }
body.light-theme .feed-title { color: #955A51 !important; }
body.light-theme .fi { border-bottom-color: rgba(40,39,45,0.1) !important; }
body.light-theme .fi:hover { background: rgba(149,90,81,0.06) !important; }
body.light-theme .fi-src { color: #955A51 !important; }
body.light-theme .fi-t { color: #28272D !important; }
body.light-theme .fi-age { color: #A19685 !important; }
body.light-theme .w-title { color: #955A51 !important; }
body.light-theme .w-title::before { background: #955A51 !important; }
body.light-theme .w-link { color: #28272D !important; }
body.light-theme .w-link:hover { color: #955A51 !important; }
body.light-theme .pred-t { color: #28272D !important; }
body.light-theme .pred-bf { background: #955A51 !important; }
body.light-theme .pred-m { color: #A19685 !important; }
body.light-theme .col-head { background: #28272D !important; color: #D4926A !important; }
body.light-theme .col-sub { color: #615E57 !important; }
body.light-theme .col-wrap { background: #F0EAD2 !important; border-color: #C5BFA7 !important; }
body.light-theme .r-item { background: #F0EAD2 !important; border-color: #C5BFA7 !important; }
body.light-theme .r-item:hover { background: #E8E0C8 !important; }
body.light-theme .r-title { color: #28272D !important; }
body.light-theme .r-source { color: #955A51 !important; }
body.light-theme .r-detail { color: #615E57 !important; }
body.light-theme .rh { background: #EDE8D0 !important; border-bottom-color: #C5BFA7 !important; color: #28272D !important; }
body.light-theme .dash-canvas, body.light-theme #dash-canvas { background: #FBF4D5 !important; }
body.light-theme .adm-btn { background: rgba(40,39,45,0.08) !important; color: #28272D !important; border-color: rgba(40,39,45,0.2) !important; }
body.light-theme .adm-btn:hover { border-color: #955A51 !important; color: #955A51 !important; }
body.light-theme #adm-toolbar { background: rgba(251,244,213,0.97) !important; border-color: rgba(149,90,81,0.4) !important; }

/* ══ FORCE OVERRIDE — dashboard inline CSS ══════════════════════ */
body.light-theme,
body.light-theme *:not(img):not(video):not(canvas):not(svg):not(path):not(.hero-img) {
    --navy: #28272D;
    --n2: #3D3C44;
    --gold: #955A51;
    --g2: #B87068;
    --text: #28272D;
    --muted: #A19685;
    --border: rgba(149,90,81,0.25);
    --b2: rgba(40,39,45,0.08);
}
body.light-theme .sec,
body.light-theme [class*="region"],
body.light-theme .region-section,
body.light-theme .reg-section { background: #F0EAD2 !important; color: #28272D !important; }
body.light-theme .sec .hero-ov { background: linear-gradient(to top,#F0EAD2 5%,rgba(240,234,210,.8) 55%,transparent) !important; }
body.light-theme .rh,
body.light-theme .reg-head,
body.light-theme [class*="reg-lbl"] { color: #955A51 !important; background: transparent !important; }
/* Rail sidebar */
body.light-theme .fanaar-rail,
body.light-theme #fanaar-rail,
body.light-theme nav.rail { background: #28272D !important; }
body.light-theme .fanaar-rail .rail-item,
body.light-theme .fanaar-rail .item { color: rgba(255,255,255,0.6) !important; }
body.light-theme .fanaar-rail .item.active,
body.light-theme .fanaar-rail .item:hover,
body.light-theme .fanaar-rail .rail-item:hover { color: #D4926A !important; }
/* Topbar */
body.light-theme #fn-topbar { background: #28272D !important; border-bottom: 1px solid #955A51 !important; }
body.light-theme #fn-topbar * { color: rgba(255,255,255,0.8) !important; }
body.light-theme #fn-topbar .fn-btn { color: rgba(255,255,255,0.7) !important; }
body.light-theme #fn-topbar a { color: rgba(255,255,255,0.8) !important; }
/* Footer */
body.light-theme #fanaar-footer,
body.light-theme .fanaar-footer,
body.light-theme footer { background: #28272D !important; color: rgba(255,255,255,0.7) !important; border-top: 1px solid #955A51 !important; }
body.light-theme #fanaar-footer * { color: rgba(255,255,255,0.7) !important; }
body.light-theme #fanaar-footer a:hover { color: #D4926A !important; }
/* Article cards within sections */
body.light-theme .art-card,
body.light-theme .article-card,
body.light-theme .grid-card { background: #EDE8D0 !important; border-color: #C5BFA7 !important; }
body.light-theme .art-title,
body.light-theme .grid-title { color: #28272D !important; }
body.light-theme .art-excerpt,
body.light-theme .grid-excerpt { color: #615E57 !important; }
body.light-theme .read-more,
body.light-theme .read-more-link { color: #955A51 !important; }

/* ══ DASHBOARD EXACT CLASS OVERRIDES ══════════════════════════ */
/* Rail */
body.light-theme .fanaar-rail { background: #28272D !important; border-right: 1px solid #955A51 !important; }
body.light-theme .fanaar-rail .item { color: rgba(255,255,255,0.55) !important; }
body.light-theme .fanaar-rail .item:hover,
body.light-theme .fanaar-rail .item.active { color: #D4926A !important; background: rgba(255,255,255,0.05) !important; }
body.light-theme .fanaar-rail .fr-logo { color: #D4926A !important; }
body.light-theme .fanaar-rail .divider { background: rgba(255,255,255,0.1) !important; }

/* Region sections */
body.light-theme .reg-head { border-bottom-color: #C5BFA7 !important; }
body.light-theme .reg-lbl { color: #955A51 !important; }
body.light-theme .reg-line { background: #C5BFA7 !important; }
body.light-theme .reg-more { color: #955A51 !important; }
body.light-theme .reg-hero { background: #EDE8D0 !important; }
body.light-theme .rh-ph { background: #D5CDB8 !important; color: #615E57 !important; }
body.light-theme .rh-body { background: linear-gradient(to top, #EDE8D0 40%, transparent) !important; }
body.light-theme .card-rtag { color: #955A51 !important; }
body.light-theme .card-title { color: #28272D !important; }
body.light-theme .card-excerpt { color: #615E57 !important; }
body.light-theme .card-meta { color: #A19685 !important; }
body.light-theme .reg-grid { gap-color: #C5BFA7 !important; }
body.light-theme .reg-art { background: #EDE8D0 !important; border-color: #C5BFA7 !important; }
body.light-theme .reg-art:hover { background: #E0D9C4 !important; }
body.light-theme .read-more { color: #955A51 !important; }

/* Section backgrounds — override inline var(--n2) */
body.light-theme .sec[style*="--n2"],
body.light-theme .sec { background: #F0EAD2 !important; border-color: #C5BFA7 !important; }

/* Nav tabs */
body.light-theme #rnav { background: #EDE8D0 !important; border-bottom: 1px solid #C5BFA7 !important; }
body.light-theme .rn { color: #615E57 !important; }
body.light-theme .rn.active,
body.light-theme .rn:hover { color: #955A51 !important; border-bottom-color: #955A51 !important; }

/* CRITICAL badge */
body.light-theme #fn-threat-level,
body.light-theme .threat-badge { border-color: #955A51 !important; color: #955A51 !important; }

/* ══ LIGHT THEME — TOPBAR, RAIL, HERO OVERLAY FIXES ══════════ */

/* 1. Topbar — warm sienna dark */
body.light-theme #fn-topbar {
    background: #2C1810 !important;
    border-bottom: 1px solid #955A51 !important;
}
body.light-theme #fn-topbar .fn-ticker a,
body.light-theme #fn-topbar .fn-ticker span,
body.light-theme #fn-topbar .breaking-label { color: rgba(255,235,210,0.85) !important; }
body.light-theme #fn-topbar .fn-btn { color: rgba(255,235,210,0.7) !important; }
body.light-theme #fn-topbar .fn-btn:hover { color: #D4926A !important; }
body.light-theme #fn-topbar .lang-btn { color: rgba(255,235,210,0.6) !important; }
body.light-theme #fn-topbar .lang-btn.active { color: #D4926A !important; background: rgba(149,90,81,0.3) !important; }
body.light-theme #fn-srch-input { background: rgba(255,255,255,0.08) !important; border-color: rgba(149,90,81,0.4) !important; color: rgba(255,235,210,0.9) !important; }
body.light-theme #fn-srch-input::placeholder { color: rgba(255,235,210,0.3) !important; }
body.light-theme .fn-srch-icon, body.light-theme .fn-srch-kbd { color: rgba(255,235,210,0.4) !important; }
body.light-theme #fn-threat-level { border-color: #955A51 !important; color: #D4926A !important; }
body.light-theme #fn-clock { color: rgba(255,235,210,0.5) !important; }

/* 2. Rail sidebar — warm sienna dark */
body.light-theme .fanaar-rail {
    background: #2C1810 !important;
    border-right: 1px solid rgba(149,90,81,0.3) !important;
}
body.light-theme .fanaar-rail .fr-logo {
    color: #D4926A !important;
    border-bottom-color: rgba(149,90,81,0.3) !important;
}
body.light-theme .fanaar-rail .item {
    color: rgba(255,220,190,0.5) !important;
}
body.light-theme .fanaar-rail .item:hover,
body.light-theme .fanaar-rail .item.active {
    color: #D4926A !important;
    background: rgba(149,90,81,0.15) !important;
}
body.light-theme .fanaar-rail .item .ic { color: inherit !important; }
body.light-theme .fanaar-rail .divider { background: rgba(149,90,81,0.2) !important; }
body.light-theme .fanaar-rail .tip { background: #2C1810 !important; color: #D4926A !important; }

/* 3. Hero image overlay — lighter gradient */
body.light-theme .hero-ov {
    background: linear-gradient(to top, rgba(240,234,210,0.95) 10%, rgba(240,234,210,0.6) 50%, transparent) !important;
}
body.light-theme .hero-title { color: #1A1410 !important; text-shadow: none !important; }
body.light-theme .hero-kicker { text-shadow: none !important; }
body.light-theme .hero-excerpt { color: #3A3028 !important; text-shadow: none !important; }
body.light-theme .hero-cta { background: #955A51 !important; color: #FBF4D5 !important; }

/* Footer — warm sienna dark */
body.light-theme #fanaar-footer,
body.light-theme .fanaar-footer {
    background: #2C1810 !important;
    border-top: 2px solid #955A51 !important;
}
body.light-theme #fanaar-footer *,
body.light-theme .fanaar-footer * { color: rgba(255,220,190,0.65) !important; }
body.light-theme #fanaar-footer a:hover,
body.light-theme .fanaar-footer a:hover { color: #D4926A !important; }
body.light-theme #fanaar-footer .footer-tagline,
body.light-theme .fanaar-footer .footer-tagline { color: rgba(212,146,106,0.6) !important; font-style: italic !important; }

/* ══ LIGHT THEME — FOOTER DROPDOWN + SEARCH BAR ════════════════ */

/* Footer MORE dropdown */
body.light-theme .footer-more-menu,
body.light-theme .fn-more-menu,
body.light-theme [class*="more-menu"],
body.light-theme [id*="more-menu"] {
    background: #2C1810 !important;
    border-color: rgba(149,90,81,0.3) !important;
}
body.light-theme .footer-more-menu a,
body.light-theme .fn-more-menu a,
body.light-theme [class*="more-menu"] a {
    color: rgba(255,220,190,0.75) !important;
    border-bottom-color: rgba(149,90,81,0.2) !important;
}
body.light-theme .footer-more-menu a:hover,
body.light-theme .fn-more-menu a:hover { color: #D4926A !important; }

/* Search bar strip */
body.light-theme #fn-searchbar,
body.light-theme .fn-search-bar,
body.light-theme [id*="searchbar"] {
    background: rgba(44,24,16,0.95) !important;
    border-bottom-color: rgba(149,90,81,0.3) !important;
}
body.light-theme #fn-srch-input {
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(149,90,81,0.4) !important;
    color: rgba(255,235,210,0.9) !important;
}
body.light-theme #fn-srch-input::placeholder { color: rgba(255,220,190,0.3) !important; }
body.light-theme .fn-srch-icon,
body.light-theme .fn-srch-kbd { color: rgba(255,220,190,0.5) !important; }