/* Semantic aliases — reach for these first. */
:root{
  --surface-page:var(--web-beige);
  --surface-card:var(--white);
  --surface-inverse:var(--web-navy);
  --surface-muted:var(--web-taupe);
  --surface-input:var(--input-bg);

  --text-heading:var(--web-navy);
  --text-body:var(--web-text-grey);
  --text-muted:#122f43b3;
  --text-on-inverse:var(--web-beige);
  --text-on-inverse-muted:#f5f2ec99;

  --accent:var(--web-mustard);
  --accent-hover:var(--web-mustard-hover);
  --brand-red:var(--cda-red);

  --border-subtle:#122f431a;
  --border-strong:var(--web-navy);
  --border-input:var(--input-stroke);

  --action-bg:var(--web-navy);
  --action-bg-hover:var(--web-navy-hover);
  --action-fg:var(--white);

  --scrim:rgba(0,0,0,.2);   /* .underlay over hero imagery */
}