/* ==========================================================================
   Al Masa -- dark theme
   One palette for the whole site, built from the brand: deep navy surfaces,
   cream text, gold accents. (Replaces the slate/grey dark mode.)

   Ladder (all from the brand navy #0B1556, darker to lighter):
     --dk-bg       page            #060A2B
     --dk-band     alternate band  #0A1040
     --dk-card     cards, panels   #0F1857
     --dk-card-hi  hover / raised  #172370
   Text: cream #F8F2E6 (15:1 on the page), muted = cream at 76% (>= 7:1 on cards).
   Gold: #D9B25A for text and lines, buttons fill with gold and carry navy text (8:1).
   Everything is scoped to `html.dark`, so the light theme is untouched.
   ========================================================================== */

html.dark {
    color-scheme: dark;
    --dk-bg: #060A2B;
    --dk-band: #0A1040;
    --dk-card: #0F1857;
    --dk-card-hi: #172370;
    --dk-line: rgba(217, 178, 90, 0.28);
    --dk-text: #F8F2E6;
    --dk-muted: rgba(248, 242, 230, 0.78);
    --dk-faint: rgba(248, 242, 230, 0.64);
    --dk-gold: #D9B25A;
}

/* ---------- page, bands, cards ---------- */
html.dark body { background-color: var(--dk-bg) !important; color: var(--dk-text) !important; }

html.dark .am-page div.bg-\[\#F5F7FA\],
html.dark .am-page div.bg-\[\#F8FAFC\],
html.dark .am-page section.bg-\[\#F5F7FA\],
html.dark .am-page section.bg-\[\#F8FAFC\],
html.dark div.home-page { background-color: var(--dk-bg) !important; }
html.dark div.home-page { background-image: var(--am-pattern, none); background-size: 480px auto; }

html.dark section.bg-white,
html.dark section.am-paper,
html.dark section.bg-slate-50 {
    background-color: var(--dk-band) !important;
    border-color: var(--dk-line) !important;
}
html.dark section.am-paper { background-image: var(--am-pattern, none); background-size: 480px auto; }

html.dark div.bg-white, html.dark article.bg-white, html.dark .bg-white\/95, html.dark div.bg-white\/90,
html.dark .card-proposal, html.dark .card-blog, html.dark .article-pane, html.dark .am-card,
html.dark .faq-item, html.dark .am-partner-card {
    background: var(--dk-card) !important;
    border-color: var(--dk-line) !important;
    color: var(--dk-text) !important;
    box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.7);
}
html.dark .am-partner-card { background: linear-gradient(160deg, var(--dk-card), var(--dk-band)) !important; }
html.dark .bg-slate-50, html.dark .bg-slate-100, html.dark .bg-gray-50, html.dark .bg-gray-100 {
    background-color: var(--dk-card-hi) !important;
    border-color: var(--dk-line) !important;
}
html.dark .card-proposal:hover, html.dark .am-card:hover, html.dark .am-partner-card:hover { border-color: var(--dk-gold) !important; }

/* ---------- text ---------- */
html.dark .text-slate-900, html.dark .text-slate-800, html.dark .text-slate-700, html.dark .text-slate-600,
html.dark .text-gray-900, html.dark .text-gray-800, html.dark .text-gray-700, html.dark .text-gray-600,
html.dark .text-\[\#031169\], html.dark .text-\[\#0b1556\], html.dark .text-\[\#0B1556\] { color: var(--dk-text) !important; }
html.dark .text-slate-500, html.dark .text-slate-400, html.dark .text-gray-500, html.dark .text-gray-400 { color: var(--dk-muted) !important; }
html.dark .text-\[\#7A5A1A\], html.dark .text-\[\#98732d\], html.dark .am-eyebrow-line--dark { color: var(--dk-gold) !important; }
html.dark .am-page :is(h1, h2, h3, h4, h5, h6):not([class*="text-white"]):not([class*="text-[#b78e3b]"]) { color: var(--dk-text); }
html.dark .am-page :is(p, li):not([class*="text-"]) { color: var(--dk-muted); }
html.dark .am-lead, html.dark .am-section-head .am-lead, html.dark .am-prose { color: var(--dk-muted); }
html.dark .am-prose a { color: var(--dk-gold); }

/* ---------- lines ---------- */
html.dark .border-slate-100, html.dark .border-slate-200, html.dark .border-slate-300,
html.dark .border-gray-100, html.dark .border-gray-200, html.dark .border-gray-300 { border-color: var(--dk-line) !important; }
html.dark .bg-slate-200 { background-color: var(--dk-line) !important; }
html.dark hr { border-color: var(--dk-line); }

/* ---------- forms ---------- */
html.dark input, html.dark textarea, html.dark select, html.dark .input-proposal, html.dark .search-input-concept,
html.dark .faq-search {
    background-color: var(--dk-band) !important;
    border-color: var(--dk-line) !important;
    color: var(--dk-text) !important;
}
html.dark input::placeholder, html.dark textarea::placeholder { color: var(--dk-faint) !important; opacity: 1; }
html.dark input:focus, html.dark textarea:focus, html.dark select:focus { border-color: var(--dk-gold) !important; outline-color: var(--dk-gold); }
html.dark option { background: var(--dk-card); color: var(--dk-text); }

/* ---------- buttons: gold fill, navy text ---------- */
html.dark a.bg-\[\#031169\], html.dark button.bg-\[\#031169\], html.dark .am-btn--navy {
    background-color: var(--dk-gold) !important;
    color: #0B1556 !important;
    border-color: var(--dk-gold) !important;
}
html.dark a.bg-\[\#031169\] *, html.dark button.bg-\[\#031169\] * { color: inherit !important; }
html.dark a.bg-\[\#031169\]:hover, html.dark button.bg-\[\#031169\]:hover, html.dark .am-btn--navy:hover { background-color: #F6DE9A !important; }
html.dark .am-btn--gold { color: #0B1556; }
html.dark .filter-btn:not(.active) { border-color: var(--dk-line) !important; color: var(--dk-text) !important; background: transparent !important; }
html.dark .filter-btn.active { background: var(--dk-gold) !important; color: #0B1556 !important; border-color: var(--dk-gold) !important; }

/* ---------- FAQ ---------- */
html.dark .faq-item summary { color: var(--dk-text); }
html.dark .faq-answer { color: var(--dk-muted); }
html.dark .faq-chip { background: var(--dk-card); color: var(--dk-gold); border-color: var(--dk-line); }
html.dark .faq-chip:hover { background: var(--dk-gold); color: #0B1556; }
html.dark .faq-cat__title { color: var(--dk-text); }
html.dark .faq-empty { color: var(--dk-gold); }

/* ---------- partners ---------- */
html.dark .am-partner-card__logo { background: #FFFDF8; }
html.dark .am-page h3.am-partner-card__name { color: #0B1556 !important; }
html.dark .am-partner-card__desc { color: var(--dk-muted); }
html.dark .am-partner-pill { background: var(--dk-band); color: var(--dk-text); }
html.dark .am-partner-pill i { color: var(--dk-gold); }
html.dark a.am-partner-pill:hover { background: var(--dk-gold); color: #0B1556; }
html.dark a.am-partner-pill:hover i { color: #0B1556; }
html.dark .am-partner-card__foot { border-color: var(--dk-line); }
html.dark .am-marquee__item img { background: #FFFDF8; border-radius: 0.8rem; padding: 0.5rem 0.8rem; }
html.dark .am-marquee__name { color: var(--dk-text); }

/* ---------- navy bands, hero, footer ---------- */
html.dark .am-hero-page, html.dark .am-cta, html.dark .am-navy { background-color: #070D3A !important; }
html.dark footer { background-color: #040720 !important; border-color: var(--dk-line) !important; }

/* ---------- blog article ---------- */
html.dark .article-body, html.dark .article-body p, html.dark .article-body li { color: var(--dk-muted) !important; }
html.dark .article-body h2, html.dark .article-body h3, html.dark .article-body h4 { color: var(--dk-text) !important; }
html.dark .article-body a { color: var(--dk-gold) !important; }

html.dark .details-concept { background-color: var(--dk-card) !important; border-color: var(--dk-line) !important; }
html.dark .details-concept[open] { border-color: var(--dk-gold) !important; }

/* ---------- scrollbar ---------- */
html.dark { scrollbar-color: #2a3687 #060A2B; }

/* navy text on gold chips stays navy (the generic navy-text rule above would turn it cream) */
html.dark .bg-\[\#b78e3b\].text-\[\#031169\], html.dark .bg-\[\#b78e3b\] .text-\[\#031169\] { color: #0B1556 !important; }