/* theme-dark.css - DARK-THEME-01 (seat A1, 4b9dd7cb; sheet v3 d7af5077, signed by Anwar 4 Nov 2026). EVERY DARK VALUE OUTSIDE
   style.css, in the two forms style.css uses: the block a dark device is served (@media prefers-color-scheme: dark, guarded
   :root:not([data-theme="light"])) and the block an explicit choice is served (:root[data-theme="dark"]). THE TWO FORMS HOLD THE SAME
   DECLARATIONS, line for line; verify/dark_theme_gate.py (T5) refuses any difference, as theme_parity_gate.py does for style.css.
   A light page - a light device with no choice, or "Light" chosen on any device - matches none of this file.
   WHY EACH VALUE (measured on the dark grounds --paper #161310, --paper-raised #1F1B16, --paper-inset #131009):
     the controls' green  #6FAF8C   7.21:1 on --paper as text ("Compare translations"); a filled control's words take --paper on it (7.21:1)
     its hover            #7DBA97   lighter, not darker, on a dark page
     its soft tint        #1E2B24   the chosen row; --ink on it 11.77:1, the green 6.55:1
     fields, pickers, chips, the chosen pill  --paper-raised  (white with pale words was 1.25:1)
     the gold             #C7A24E   the pack's dark gold, 7.67:1 on --paper (the light #876818 was 3.28:1)
     citation and meta    --ink-soft   6.49:1 on --paper-raised (the light #474E49 was 2.00:1)
     the dark buttons' hover  #FFFFFF  the buttons reverse to pale with dark words; hover goes lighter (--paper on white 18:1)
     Ask's matched words (<mark>)  the browser's own highlight, its words --paper (they inherited the pale ink: 1.00:1)
   THE DARK PANELS (footer, the home page's band) keep the identity ground #191816 and gain an edge, so they stay distinct: the footer
   a --line rule above it; the band an inset edge #706858, 3.22:1 on #191816 and 3.36:1 on --paper (contrast_gate counts an inset
   edge as a control edge, so it meets 3:1 against both colours it touches).
     the switch, off      its track --paper-inset; its own edge (--ink-faint) on it 5.08:1 (on the light-theme track --line-strong: 2.27:1)
   THE SURAH ABOUT PAGE (.sa, static/surah-about.css) is GENERATED and never edited by hand, so its palette's dark values are here. */

@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  color-scheme:dark;
  --ctl-accent:#6FAF8C; --ctl-accent-hover:#7DBA97; --ctl-accent-soft:#1E2B24; --ctl-on-accent:var(--paper);
  --ctl-field:var(--paper-raised); --ctl-field-hover:#26211B; --ctl-list-h:var(--paper-inset);
  --rd-gold:#C7A24E; --rd-ink-meta:var(--ink-soft); --rd-act-hover:#FFFFFF;
}
  :root:not([data-theme="light"]) mark{ color:var(--paper); }
  :root:not([data-theme="light"]) .rd-footer{ border-top:1px solid var(--line); }
  :root:not([data-theme="light"]) .rd-panel{ box-shadow:inset 0 0 0 1px #706858; }
  :root:not([data-theme="light"]) .ctl-switch:not(:checked){ background-color:var(--paper-inset); }
  :root:not([data-theme="light"]) .sa{
    --paper:#161310; --card:#1F1B16; --deep:#131009; --rule:#3A342A;
    --ink:#EDE5D6; --soft:#A99E8C; --muted:#8D8370;
    --verd:#5FC3B1; --verd-wash:#12211D; --lapis:#93ACEC; --lapis-wash:#171D2C;
    --bronze:#D3B267; --bronze-wash:#262013; --madder:#E2907F; --madder-wash:#2A1B17;
    color-scheme:dark; }
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --ctl-accent:#6FAF8C; --ctl-accent-hover:#7DBA97; --ctl-accent-soft:#1E2B24; --ctl-on-accent:var(--paper);
  --ctl-field:var(--paper-raised); --ctl-field-hover:#26211B; --ctl-list-h:var(--paper-inset);
  --rd-gold:#C7A24E; --rd-ink-meta:var(--ink-soft); --rd-act-hover:#FFFFFF;
}
  :root[data-theme="dark"] mark{ color:var(--paper); }
  :root[data-theme="dark"] .rd-footer{ border-top:1px solid var(--line); }
  :root[data-theme="dark"] .rd-panel{ box-shadow:inset 0 0 0 1px #706858; }
  :root[data-theme="dark"] .ctl-switch:not(:checked){ background-color:var(--paper-inset); }
  :root[data-theme="dark"] .sa{
    --paper:#161310; --card:#1F1B16; --deep:#131009; --rule:#3A342A;
    --ink:#EDE5D6; --soft:#A99E8C; --muted:#8D8370;
    --verd:#5FC3B1; --verd-wash:#12211D; --lapis:#93ACEC; --lapis-wash:#171D2C;
    --bronze:#D3B267; --bronze-wash:#262013; --madder:#E2907F; --madder-wash:#2A1B17;
    color-scheme:dark; }