/* Font choices for the whole site.
   Swap faces by editing this file and replacing the woff2 files beside it.
   Display: Newsreader (roman variable, opsz + wght). Italic variable is for the tagline only.
   Body, UI, and labels: Source Sans 3 (variable, wght).
   Labels, eyebrows, step numbers, chips, and the audit log use Source Sans 3 600,
   uppercase, tracked. Numerals use tabular figures. There is no second code face. */

@font-face {
  font-family: "Newsreader";
  src: url("newsreader-roman.woff2") format("woff2");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2022, U+2026;
}
@font-face {
  font-family: "Newsreader";
  src: url("newsreader-italic.woff2") format("woff2");
  font-weight: 400 500;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2022, U+2026;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("source-sans-3.woff2") format("woff2");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+2013-2014, U+2018-2019, U+201C-201D, U+2022, U+2026;
}

/* size-adjust fallbacks, tuned to the web-font average letter width so swap does not shift lines */
@font-face {
  font-family: "Newsreader Fallback";
  src: local("Georgia");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 110.28%;
  ascent-override: 66.65%;
  descent-override: 24.03%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Newsreader Fallback";
  src: local("Georgia");
  font-weight: 400 500;
  font-style: italic;
  font-display: swap;
  size-adjust: 110.28%;
  ascent-override: 66.65%;
  descent-override: 24.03%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Source Sans 3 Fallback";
  src: local("Segoe UI");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
  size-adjust: 107.11%;
  ascent-override: 95.6%;
  descent-override: 37.34%;
  line-gap-override: 0%;
}

:root {
  --font-display: "Newsreader", "Newsreader Fallback", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", "Source Sans 3 Fallback", "Segoe UI", Optima, Candara, system-ui, sans-serif;

  --fw-h1: 400;
  --fw-h2: 400;
  --fw-h3: 500;
  --fw-body: 400;
  --fw-ui: 600;
  --fw-label: 600;
  --fw-wordmark: 500;

  --fs-h1: clamp(2.75rem, 6vw, 4.75rem);
  --fs-h2: clamp(2rem, 1.2rem + 2.6vw, 3.25rem);
  --fs-h3: clamp(1.375rem, 1.25rem + 0.45vw, 1.5rem);
  --fs-tagline: clamp(1.3125rem, 1.05rem + 1.05vw, 1.75rem);
  --fs-lead: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
  --fs-body: 1.125rem;
  --fs-small: 0.9375rem;
  --fs-ui: 1rem;
  --fs-nav: 0.9375rem;
  --fs-label: 0.8125rem;
  --fs-label-sm: 0.75rem;

  --lh-h1: 1.06;
  --lh-h2: 1.12;
  --lh-h3: 1.2;
  --lh-body: 1.6;
  --lh-tagline: 1.28;

  --track-h1: -0.01em;
  --track-h2: -0.005em;
  --track-h3: -0.005em;
  --track-wordmark: 0.01em;
  --track-label: 0.08em;
}

@media (max-width: 759px) {
  :root {
    --fs-body: 1.0625rem;
  }
}