:root{
  /* Brand */
  --navy:#1B2F5A;       --navy-dark:#111E3A;
  --gold:#C9A84C;       --gold-light:#E3C566;
  /* Text */
  --text-strong:#111E3A; --text:#2A3445; --text-muted:#5A647A; --text-faint:#8A94A6;
  /* Surfaces & lines */
  --surface:#FFFFFF; --line:#E2E6EE; --hairline:#EEF1F6; --hover:#F8FAFC; --page-bg:#EAEDF3;
  /* Semantic */
  --success:#2D9B6F; --warning:#C97A1B; --danger:#B0413A;
  --success-tint:#EAF6F0; --warning-tint:#FBF1E2; --danger-tint:#FBECEA; --info-tint:#EEF4FB;
  /* Module identities */
  --donors:#1B2F5A;     --donors-tint:#E8ECF5;
  --grants:#8B2635;     --grants-tint:#F2E8EA;
  --finances:#2D9B6F;   --finances-tint:#F0F7F4;
  --board:#534AB7;      --board-tint:#F2F1FB;
  --programs:#2B6CB0;   --programs-tint:#EFF4FB;
  --volunteers:#C97A1B; --volunteers-tint:#FBF5EC;
  /* Radius */
  --r-sm:7px; --r:10px; --r-lg:13px; --r-pill:999px;
  /* Spacing (use only these) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px; --s8:32px;
  /* Elevation — overlays only */
  --elev-overlay:0 16px 40px rgba(13,20,40,.18);
  --elev-page:0 1px 2px rgba(17,30,58,.04);
  /* Type */
  --font-display:'PT Sans',sans-serif; --font-ui:'Work Sans',sans-serif;
  /* Focus */
  --focus:2px solid var(--navy);
}
*{ box-sizing:border-box; }
body{ font-family:var(--font-ui); color:var(--text-strong); background:var(--page-bg); -webkit-font-smoothing:antialiased; }
.num{ font-variant-numeric:tabular-nums; }
:focus-visible{ outline:var(--focus); outline-offset:2px; border-radius:4px; }
@media (prefers-reduced-motion: reduce){ *{ animation:none!important; transition:none!important; } }