/* Shared theme palette. Cairo UI typography is defined once in style.css. */
:root{--bg:#ffffff;--card:#ffffff;--ink:#000000;--muted:#000000;--line:#667e9e;--gold:#263d62;--prayer-highlight:#304969;--accent:#263d62;--brand-gold:#000000;--divider:#c3d0e3;--selected:#e6edf8;--control-fill:#2e4262;--control-edge:#304969;--control-hover:#233652;--control-ink:#ffffff;--control-disabled:#e3eaf5;--control-disabled-ink:#33496b;--focus-ring:#304663;--instrument-surface:#eaf0f9;--instrument-line:#aebbd0;--instrument-ink:#000;--instrument-secondary:#000;--instrument-accent:#304969;--surface-solid:#f9fbff;--glass-fill:rgba(255,255,255,.72);--glass-edge:rgba(89,111,151,.28);--glass-frame:rgba(215,227,248,.30);--nav-selection-fill:rgba(116,143,187,.18);--glass-shadow:0 12px 34px #25375914,inset 0 1px 0 #ffffff;--page-glow:radial-gradient(ellipse at 20% 12%,#e3e9f5,transparent 48%),radial-gradient(ellipse at 75% 25%,#f2e9ed,transparent 42%),linear-gradient(#ffffff,#f0f4fb);--progress-fill:#263d62;--progress-track:#bcc9dd;--input-fill:rgba(255,255,255,.68);--glass-sheen:rgba(255,255,255,.30);--switch-off:#586b88;--reading-surface:#ffffff;--reciting-fill:#dce7f8;--caption-ink:#19394b;--media-fill:#ffffff;--media-top:#edf4fc;--media-edge:#667e9e;--media-track:#7e96b0}
body:not(.dark){color:var(--ink);background:var(--bg);color-scheme:light;font-synthesis:none}
body:not(.dark) .intro p{color:var(--muted);font-weight:700}
body:not(.dark) .note,body:not(.dark) .eyebrow,body:not(.dark) .time-context,body:not(.dark) .location p{color:var(--muted);font-size:15px;font-weight:700}
body:not(.dark) .card,body:not(.dark) .adhkar-card{background:var(--card);border-color:var(--line)}
body:not(.dark) .choice-trigger,body:not(.dark) input:not([type=checkbox]):not([type=range]),body:not(.dark) select{background:#ffffff;color:var(--ink);border-color:var(--line);font-weight:700}
body:not(.dark) input::placeholder{color:#000000;opacity:1;font-weight:700}
body:not(.dark) .choice-trigger:disabled,body:not(.dark) input:disabled,body:not(.dark) select:disabled{opacity:1;color:var(--muted);-webkit-text-fill-color:var(--muted);background:#ffffff}
body:not(.dark) label span,body:not(.dark) legend,body:not(.dark) summary{color:var(--ink);font-weight:700}
body:not(.dark) .adhkar-text{font-weight:700;color:var(--ink)}
body:not(.dark) .adhkar-repeat{color:#000000;background:#ffffff}
body:not(.dark) .adhkar-source,body:not(.dark) .adhkar-source a{color:#000000}
body:not(.dark) .choice-option{background:#ffffff;color:var(--ink)}
body:not(.dark) .choice-option[aria-selected=true]{background:#ffffff;border-color:#000000}
body:not(.dark) .floating-menu{background:#fff;color:var(--ink);border-color:var(--line)}
body:not(.dark) .floating-menu button[aria-checked=true]{background:#ffffff;color:#000000}
body:not(.dark) .adhkar-shortcuts button[aria-pressed=true]{background:#ffffff;color:#000000;border-color:#000000}

/* Plain page surfaces; no colored light-mode background. */
body:not(.dark) .quran-reading-page,body:not(.dark) .mushaf-sheet,body:not(.dark) .mushaf-sheet .quran-surah-title{background:#fff;color:#000}
body:not(.dark) .mushaf-page-head,body:not(.dark) .mushaf-page-number,body:not(.dark) .reading-page-heading,body:not(.dark) .reading-page-number{color:#000}
body:not(.dark) .choice-option[aria-selected=true],body:not(.dark) .floating-menu button[aria-checked=true],body:not(.dark) .floating-menu button[aria-selected=true],body:not(.dark) .adhkar-shortcuts button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #000}
body.dark{--bg:#06121a;--card:#0a141c;--ink:#ffffff;--muted:#ffffff;--line:#69828f;--gold:#e5f0f7;--prayer-highlight:#c1d5e0;--accent:#ffffff;--brand-gold:#ffffff;--divider:#2e424e;--selected:#1b2c36;--control-fill:#122531;--control-edge:#657f91;--control-hover:#1e3543;--control-ink:#ffffff;--control-disabled:#0c1c26;--control-disabled-ink:#b7cbd9;--focus-ring:#e5f0f7;--instrument-surface:#10232f;--instrument-line:#527080;--instrument-ink:#ffffff;--instrument-secondary:#ffffff;--instrument-accent:#d8eaf4;--surface-solid:#08141d;--glass-fill:rgba(8,18,25,.72);--glass-edge:rgba(137,170,190,.28);--glass-frame:rgba(123,159,181,.08);--nav-selection-fill:rgba(148,181,203,.13);--glass-shadow:0 12px 34px #00000038,inset 0 1px 0 #cde8f316;--page-glow:linear-gradient(155deg,#081722,#030b11 72%,#06121a);color-scheme:dark;--progress-fill:#ffffff;--progress-track:#587080;--input-fill:rgba(5,14,21,.70);--glass-sheen:rgba(204,229,242,.055);--switch-off:#0a1923;--reading-surface:#07141e;--reciting-fill:#244452;--caption-ink:#bed0dc;--media-fill:#070d12;--media-top:#111b23;--media-edge:rgba(133,153,173,.30);--media-track:#556b7a}

body:not(.dark) .prayer-switches input[type=checkbox]:checked,body.dark .prayer-switches input[type=checkbox]:checked{background:var(--control-fill);border-color:var(--control-fill)}

/* Strengthen UI labels without changing the Quran reading typeface or weight. */
body:not(.dark) .site-nav button,body:not(.dark) .location #locate,body:not(.dark) #settings label,body:not(.dark) #settings button,body:not(.dark) .adhkar-library>.fields label{font-weight:700}

/* Form surfaces share the reference material instead of legacy neutral gray fills. */
body.dark .choice-trigger,body.dark input:not([type=checkbox]):not([type=range]),body.dark select{background:var(--input-fill);color:var(--ink);border-color:var(--line)}
body.dark input::placeholder{color:#c5cfdf;opacity:1}
