/* Type, space and the Compass palette. Brand themes override --b-* per page. */
@font-face { font-family: "Figtree"; src: url("../assets/fonts/figtree-latin-300-normal.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../assets/fonts/figtree-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../assets/fonts/figtree-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../assets/fonts/figtree-latin-800-normal.woff2") format("woff2"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Figtree"; src: url("../assets/fonts/figtree-latin-900-normal.woff2") format("woff2"); font-weight: 900; font-display: swap; }

:root {
  /* Swap to "Avenir LT Pro" here once a web licence for this host is confirmed. */
  --font: "Figtree", "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;

  /* Compass Group Canada, sampled from compass-canada.com */
  --c-ground: #031523;
  --c-ink: #000a12;
  --c-soft: #ebe5d7;
  --c-paper: #f2f0eb;
  --c-gold: #b3985a;

  --step-0: clamp(1.0625rem, 1rem + 0.25vw, 1.25rem);     /* body 17 → 20 */
  --step-1: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --step-2: clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem);
  --step-3: clamp(2.5rem, 1.8rem + 3vw, 4.75rem);
  --step-4: clamp(3.75rem, 1.5rem + 9vw, 12rem);

  --track-caps: 0.22em;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --max: 1680px;
  --hair: 1px;
  --vh: 1svh; /* QA pins this to px for full-page screenshots */
}