/* Design tokens + dark mode. Source: new-design prototype. */
:root{
  --paper:#F2F5F4; --surface:#FFFFFF; --surface-2:#E8EEEC; --line:#D6DFDC;
  --fg:#11211F; --muted:#566763; --brand:#155A51; --brand-ink:#0D3A34; --brass:#9C6F22; --brass-soft:#F3E7CF;
  --hero:#0E302C; --hero-2:#14403A; --on-hero:#F1F6F4; --on-hero-muted:#A9C2BC;
  --ok:#1E7A4C; --ok-bg:#DDF1E5; --warn:#94600B; --warn-bg:#FBEBCB; --bad:#B23A32; --bad-bg:#F8DEDA; --info:#24589C; --info-bg:#DDE8F7;
  --shadow:0 1px 2px rgba(13,58,52,.06),0 8px 24px -12px rgba(13,58,52,.18);
  --f:"Tajawal",system-ui,"Segoe UI",Tahoma,sans-serif;
  --r:14px; --r-sm:9px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#0B1413; --surface:#121E1C; --surface-2:#182724; --line:#253632;
  --fg:#E4EDEA; --muted:#97AAA5; --brand:#4BB3A2; --brand-ink:#BFE6DE; --brass:#D9AA55; --brass-soft:#3A2E17;
  --hero:#081F1C; --hero-2:#0E2C28; --on-hero:#EEF5F3; --on-hero-muted:#93B0A9;
  --ok:#5CCB8E; --ok-bg:#16301F; --warn:#E3B055; --warn-bg:#352812; --bad:#F08A80; --bad-bg:#3A1A17; --info:#86B2EE; --info-bg:#172537;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px -14px rgba(0,0,0,.6); color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#0B1413; --surface:#121E1C; --surface-2:#182724; --line:#253632;
  --fg:#E4EDEA; --muted:#97AAA5; --brand:#4BB3A2; --brand-ink:#BFE6DE; --brass:#D9AA55; --brass-soft:#3A2E17;
  --hero:#081F1C; --hero-2:#0E2C28; --on-hero:#EEF5F3; --on-hero-muted:#93B0A9;
  --ok:#5CCB8E; --ok-bg:#16301F; --warn:#E3B055; --warn-bg:#352812; --bad:#F08A80; --bad-bg:#3A1A17; --info:#86B2EE; --info-bg:#172537;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px -14px rgba(0,0,0,.6); color-scheme:dark}