:root{
  /* ---- Base palette ---- */
  --bcc-navy:#1B3A5C;
  --bcc-navy-deep:#132B44;      /* pressed / footer bands */
  --bcc-navy-tint:#E8EDF3;      /* faint navy wash */
  --bcc-green:#2C5234;
  --bcc-green-deep:#1F3B26;
  --bcc-green-tint:#E9EFE9;
  --bcc-gold:#A8862C;
  --bcc-gold-light:#C9A94F;     /* rules on navy only — never text on cream */
  --bcc-gold-tint:#F0E7CE;
  --bcc-cream:#F7F3E8;
  --bcc-cream-deep:#EFE9DA;     /* alternating section band */
  --bcc-paper:#FFFFFF;
  --bcc-ink:#262626;
  --bcc-grey:#595959;
  --bcc-grey-light:#8C8C8C;
  --bcc-rule:#D8CFB8;           /* hairline on cream */

  /* ---- Semantic aliases ---- */
  --text-heading:var(--bcc-navy);
  --text-subheading:var(--bcc-green);
  --text-body:var(--bcc-ink);
  --text-muted:var(--bcc-grey);
  --text-caption:var(--bcc-grey);
  --text-label:var(--bcc-gold);
  --text-on-dark:var(--bcc-cream);
  --text-on-dark-muted:#B9C6D4;

  --surface-page:var(--bcc-cream);
  --surface-band:var(--bcc-cream-deep);
  --surface-card:var(--bcc-paper);
  --surface-inverse:var(--bcc-navy);
  --surface-inverse-deep:var(--bcc-navy-deep);

  --border-hairline:var(--bcc-rule);
  --border-accent:var(--bcc-gold);
  --border-strong:var(--bcc-navy);

  --link:var(--bcc-navy);
  --link-hover:var(--bcc-green);

  --action-fill:var(--bcc-navy);
  --action-fill-hover:var(--bcc-navy-deep);
  --action-text:var(--bcc-cream);
}