/* ============================================================ QR114 Salaam Stream — Dark Theme Applied when (set by the header toggle, assets/js/app.js). Redefines the semantic tokens from tokens.css; every component in site.css is built on those tokens, so this block alone re-themes the whole site. Light is the default — this file only takes effect once the user opts in. ============================================================ */ :root[data-theme="dark"] { --bg: var(--dark-bg); --surface: var(--dark-800); --surface-2: var(--dark-700); --text: var(--on-dark-60); --text-strong: var(--on-dark); --text-muted: var(--on-dark-40); --border: #2a2b2c; --border-strong: #3a3b3c; --primary: var(--green-400); --primary-hover: var(--green-300); --primary-press: var(--green-500); --accent: var(--qr-gold); --accent-text: var(--qr-gold); --link: var(--green-400); --focus-ring: color-mix(in oklab, var(--green-400) 40%, transparent); }