/* Design tokens (values taken from the homepage mockup). */
:root {
  --sas-navy: #073b63;
  --sas-sky: #4b8db3;
  --sas-ink: #111111;
  --sas-white: #ffffff;

  --sas-line: #073b631f;
  --sas-line-strong: #073b6333;
  --sas-line-dark: #4b8db34d;

  /* Same stack as the approved design: Bahnschrift on Windows, DIN Alternate on
     Apple devices, Barlow (loaded from Google Fonts) everywhere else. */
  --font-display: "Bahnschrift", "DIN Alternate", "Barlow", "Segoe UI", Arial, sans-serif;
  --font-sans: "Bahnschrift", "DIN Alternate", "Barlow", "Segoe UI", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* One vertical gap between every pair of sections */
  --section-gap: clamp(88px, 10vw, 150px);

  --container: 1280px;
  --gutter: clamp(20px, 5vw, 80px);
  --header-h: 96px;
  --bp-nav: 1000px;
}