/* ── Shul of Coconut Cay — central theme (single source of truth) ──────────────
   Link this in every page BEFORE its own <style>. New pages inherit it automatically.
   Design system per donor_statement_full_specification. Font: Heebo (add the <link> too). */
:root{
  /* ── Canonical tokens (global_site_architecture_v2) ── */
  --color-brand-primary:#1A2536;   /* navy: header + headings */
  --color-brand-accent:#B39256;    /* gold: CTAs, partnership accents */
  --color-status-active:#22C55E;   /* ACTIVE badge green */
  --color-status-paid:#1E5E3A;     /* Paid */
  --color-status-pledged:#B91C1C;  /* Pledged */
  --color-status-balance:#1D4ED8;  /* Balance Due */
  --color-bg-main:#FDFBF7;         /* page background */
  --color-bg-card:#FFFFFF;         /* card background */
  --border-radius-global:12px;

  /* ── Aliases used across existing pages → mapped to the canonical tokens ── */
  --navy:var(--color-brand-primary); --navy-dark:#11192A; --text:var(--color-brand-primary);
  --gold:var(--color-brand-accent); --gold-light:#C9A86A; --gold2:#DDB97A; --gold-dark:#93753C;
  --bg:var(--color-bg-main); --cream:var(--color-bg-main); --soft-bg:#F4EFE6;
  --paper:var(--color-bg-card); --white:#FFFFFF; --muted:#6B7280; --border:#E4D8C2;
  --pledged:var(--color-status-pledged); --paid:var(--color-status-paid); --due:var(--color-status-balance);
  --success:var(--color-status-paid); --ok:var(--color-status-paid); --error:var(--color-status-pledged);
  --radius:var(--border-radius-global); --shadow:0 4px 6px -1px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
body{
  font-family:'Heebo','Segoe UI',Arial,sans-serif;
  background:var(--bg); color:var(--text);
  margin:0; line-height:1.5; min-height:100vh;
}
/* shared button */
.btn{display:inline-block;background:var(--gold);color:#fff;border:none;border-radius:9px;
  padding:.72rem 1.2rem;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;font-family:inherit}
.btn:hover{background:var(--gold-dark)}
.btn:disabled{opacity:.6;cursor:default}
/* touch targets (WCAG) */
@media (pointer:coarse){ button, .btn, a.btn { min-height:44px } }