/* Design tokens. Theme order: prefers-color-scheme, then :root[data-theme] overrides. */
:root {
  --font-ui: "Noto Naskh Arabic", "Amiri", "Traditional Arabic", serif;
  --font-ayah: "DigitalKhatt", "Noto Naskh Arabic", serif;
  --fs: 19px;
  --lh: 2.05;

  --page: #FAF8F3;
  --side: #F3F0E8;
  --bubble: #EDE9DD;
  --ink: #1F2421;
  --muted: #6B6F68;
  --line: #E4DFD2;
  --gold: #8A6B22;
  --focus: #8A6B22;

  --hl-quran: #F2E4BC;
  --hl-quote: #D9EAD9;
  --hl-gen: #D8E7F3;
  --hl-spec: #FBE5B8;
  --amber: #8A5A00;

  --err-bg: #F8E4E1;
  --err-ink: #7A2218;
  --soft: #F0EDE3;
  --quran-bg: #F7F0DC;
  --quran-border: #B8963F;
  --overlay: rgba(20, 22, 20, .38);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --page: #0F1312; --side: #151A19; --bubble: #1D2423; --ink: #E9E6DD; --muted: #9AA19A;
    --line: #262E2C; --gold: #D4B26A; --focus: #D4B26A;
    --hl-quran: #4A3F1E; --hl-quote: #25402B; --hl-gen: #23394A; --hl-spec: #54401A;
    --amber: #E3B35A; --err-bg: #3A1D1A; --err-ink: #F2B8B0; --soft: #1A201F; --overlay: rgba(0, 0, 0, .55);
    --quran-bg: #14211C; --quran-border: #A8893F;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0F1312; --side: #151A19; --bubble: #1D2423; --ink: #E9E6DD; --muted: #9AA19A;
  --line: #262E2C; --gold: #D4B26A; --focus: #D4B26A;
  --hl-quran: #4A3F1E; --hl-quote: #25402B; --hl-gen: #23394A; --hl-spec: #54401A;
  --amber: #E3B35A; --err-bg: #3A1D1A; --err-ink: #F2B8B0; --soft: #1A201F; --overlay: rgba(0, 0, 0, .55);
  --quran-bg: #14211C; --quran-border: #A8893F;
}
:root[data-theme="light"] { color-scheme: light; }