:root{
  /* --- Primary: drawn from the Shield --- */
  --cca-shield-green:#8fa61a;      /* signature accent */
  --cca-bay-blue:#1e4d5c;          /* dark bands, footer, overlays */

  /* --- Secondary & neutral --- */
  --cca-bay-sand:#c9893b;          /* seasonal / event accent */
  --cca-precambrian-rock:#4a5568;  /* secondary text, nav, captions */
  --cca-deep-slate:#2d3748;        /* headings, replaces black */
  --cca-stone:#64748b;             /* body text */
  --cca-birch:#f9f7f3;             /* warm page background */
  --cca-white:#ffffff;

  /* --- Semantic / safety --- */
  --cca-safety-red:#c0392b;        /* fire ratings & emergencies ONLY */

  /* --- Burgee (logo mark only — never a UI colour) --- */
  --cca-burgee-navy:#283898;
  --cca-burgee-red:#e81828;

  /* --- Tints & shades (derived; for hovers, rules, wash backgrounds) --- */
  --cca-shield-green-dark:#788c14;   /* 3.8:1 on white — icons & graphics, not text */
  --cca-shield-green-ink:#5c6b0f;    /* 5.9:1 on white — the text/link-safe green */
  --cca-bay-sand-deep:#8f5f22;       /* 5.5:1 with white — filled buttons & sand text */
  --cca-shield-green-wash:#f2f5e2;
  --cca-bay-blue-dark:#163a45;
  --cca-bay-blue-wash:#e8eff1;
  --cca-bay-sand-wash:#f7ecdf;
  --cca-safety-red-wash:#f9e8e6;
  --cca-hairline:#eaeaea;
  --cca-hairline-warm:#e6e1d8;

  /* ---------------- Semantic aliases ---------------- */
  --text-heading:var(--cca-deep-slate);
  --text-body:var(--cca-stone);
  --text-muted:var(--cca-precambrian-rock);
  --text-inverse:var(--cca-white);
  --text-link:var(--cca-shield-green-ink);
  --text-link-hover:var(--cca-bay-blue);
  --text-danger:var(--cca-safety-red);

  --surface-page:var(--cca-birch);
  --surface-card:var(--cca-white);
  --surface-band-dark:var(--cca-bay-blue);
  --surface-band-warm:var(--cca-birch);
  --surface-accent-wash:var(--cca-shield-green-wash);
  --surface-event-wash:var(--cca-bay-sand-wash);
  --surface-danger-wash:var(--cca-safety-red-wash);

  --border-hairline:var(--cca-hairline);
  --border-hairline-warm:var(--cca-hairline-warm);
  --rule-section:var(--cca-shield-green);       /* the 2px section rule */

  /* Filled actions must clear 4.5:1 with white text. Shield Green cannot
     (2.75:1), so Georgian Bay Blue carries primary and green stays an accent. */
  --action-primary-bg:var(--cca-bay-blue);            /* white on blue — 8.4:1 */
  --action-primary-bg-hover:var(--cca-bay-blue-dark);
  --action-primary-fg:var(--cca-white);
  --action-secondary-bg:var(--cca-bay-sand-deep);     /* white on deep sand — 5.5:1 */
  --action-secondary-fg:var(--cca-white);
  --action-quiet-fg:var(--cca-bay-blue);
  --action-accent-fg:var(--cca-shield-green-ink);     /* green as ink, not as a fill */
  --action-accent-border:var(--cca-shield-green);

  --photo-overlay:var(--cca-bay-blue);
  --photo-overlay-opacity:.5; /* @kind other */ /* approved range .45-.55 */
}