/* Layout: calm linen page, 1200px column, cards float on soft single shadows; one sky-blue accent, sand for warmth. */
:root{
  --bg:#F6F4EF; --card:#FFFFFF; --fill:#EFEDE6; --line:#E4E1D8; --line-2:#D9D5CA; --line-3:#EEEBE3; --input:#FBFAF7;
  --ink:#24303A; --ink-2:#5B6873; --ink-3:#3A4650;
  --primary:#2B76A6; --primary-h:#245E85; --primary-soft:#E3EFF8; --primary-ink:#245E85; --on-primary:#FFFFFF; --primary-line:#C9DEEC; --pale:#F4F9FC;
  --sand:#F1DEC3; --on-sand:#24303A; --sand-soft:#F3E6D2; --warm:#8A6A3F; --warm-ink:#6E5230;
  --heart:#C8574B; --focus:#C99A5B;
  --strong:#24303A; --on-strong:#FFFFFF; --strong-2:#3A4855;
  --t-nc:#DCEBF6; --i-nc:#2B76A6; --t-coast:#F3E6D2; --i-coast:#8A6A3F; --t-capital:#E7E5F3; --i-capital:#5A5790;
  --t-october:#ECE3DA; --i-october:#7A5C46; --t-zayed:#ECE8D9; --i-zayed:#6D6640; --t-plan:#ECEAE2; --i-plan:#5B6873;
  --map-line:#DFDBD0; --map-bg:#ECEAE2; --map-road:#FFFFFF;
  --shadow:0 18px 40px -28px rgba(36,48,58,.35); --shadow-lg:0 24px 60px -20px rgba(36,48,58,.4);
  --overlay:rgba(36,48,58,.45); --hdr:rgba(246,244,239,.92);
  --f-display:'Bricolage Grotesque','IBM Plex Sans Arabic',system-ui,sans-serif;
  --f-body:'DM Sans','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-card:24px; --r-btn:14px; --gut:24px;
}
/* Light is the default; dark applies only when the visitor picks it with the theme button. */
:root[data-theme="dark"]{
  --bg:#1C232A; --card:#232C34; --fill:#2A343D; --line:#34404A; --line-2:#44515C; --line-3:#2F3A43; --input:#20282F;
  --ink:#E6EAEE; --ink-2:#A6B1BB; --ink-3:#CAD2D9;
  --primary:#8CC4E8; --primary-h:#A6D2EE; --primary-soft:#22364A; --primary-ink:#A9D3EE; --on-primary:#10202E; --primary-line:#33526A; --pale:#1F2F3D;
  --sand:#DCC39C; --on-sand:#1C232A; --sand-soft:#3A3329; --warm:#D2B07F; --warm-ink:#D9BC90;
  --heart:#E0796D; --focus:#D9AE72;
  --strong:#E6EAEE; --on-strong:#1C232A; --strong-2:#C5CDD4;
  --t-nc:#213447; --i-nc:#8CC4E8; --t-coast:#3A3329; --i-coast:#D6B888; --t-capital:#2C2B3E; --i-capital:#B5B2DE;
  --t-october:#382F29; --i-october:#D2AE90; --t-zayed:#33312A; --i-zayed:#CFC79E; --t-plan:#2A343D; --i-plan:#B2BCC5;
  --map-line:#34404A; --map-bg:#262F37; --map-road:#36424C;
  --shadow:0 18px 40px -26px rgba(0,0,0,.6); --shadow-lg:0 24px 60px -20px rgba(0,0,0,.65);
  --overlay:rgba(8,12,16,.6); --hdr:rgba(28,35,42,.9); color-scheme:dark;
}
:root[lang="ar"]{ --f-display:'IBM Plex Sans Arabic',system-ui,sans-serif; --f-body:'IBM Plex Sans Arabic',system-ui,sans-serif; }