/* radd-shared-css-2026-10-20
   Radd design tokens, shared by every page (see DESIGN.md). Change a colour HERE, not in the pages.
   Pages link this file before their own <style>; a page may still override a token for itself. */
:root{color-scheme:light dark;--paper:#F3F5FA;--surface:#FFFFFF;--ink:#0C1A3D;--muted:#4A5673;--line:#DCE1EE;--blue:#1034A6;--hero:#0A2270;--tint:#E5EBFB;--gold:#F2B632;--gold-tint:#FFF1CC;--gold-ink:#6B4700;--on-gold:#3A2A00;--ok:#14785A;--ok-bg:#DDF3EA;--warn:#8A5A00;--warn-bg:#FBEFD0;--err:#B3261E;--err-bg:#FCE7E5;--accent-bg:#E5EBFB;--accent-text:#1034A6;--code:#0C1A3D;--code-ink:#DCE4FF;--f-display:"Reem Kufi","IBM Plex Sans Arabic",Tahoma,"Segoe UI",system-ui,sans-serif;--f-body:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",system-ui,sans-serif}
@media (prefers-color-scheme:dark){
  /* --blue in dark is only 3.6:1 as text, so blue text/links use --link (6:1+ on every dark surface).
     --field-line = input borders (3.2:1+). Both are dark-only; light falls back to --blue / --line. */
  :root{--paper:#0A1128;--surface:#111B3B;--ink:#E8ECF8;--muted:#9AA6C6;--line:#23305A;--blue:#4468F0;--hero:#0B2378;--tint:#18265A;--gold-tint:#3A2E10;--gold-ink:#F5CD6A;--ok:#5FD3A6;--ok-bg:#12352B;--warn:#F5CD6A;--warn-bg:#3A2E10;--err:#FF9A92;--err-bg:#3F1D1F;--accent-bg:#18265A;--accent-text:#8FA6FF;--code:#060B1C;--code-ink:#C9D5FF;--link:#8FA6FF;--field-line:#5A6B9F}
}