@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3-latin-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/source-sans-3-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../fonts/source-serif-4-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-bg: #ffffff;
  --color-bg-subtle: #f4f6f8;
  --color-bg-navy: #142336;
  --color-bg-navy-mid: #1c334d;
  --color-border: #5b6b78;
  --color-border-strong: #3d4a57;
  --color-text: #2c3a47;
  --color-text-muted: #4a5a68;
  --color-text-on-navy: #ffffff;
  --color-heading: #1a3050;
  --color-aqua: #029dcc;
  --color-aqua-deep: #01748f;
  --color-aqua-soft: #e6f6fb;
  --color-success: #1b7a4e;
  --color-danger: #b42318;
  --color-warning: #9a6700;
  --color-focus: #01748f;
  --color-tick: #2e7d32;

  --font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-body: 1.125rem;
  --fs-lead: 1.25rem;
  --fs-h3: 1.5rem;
  --fs-h2: 2rem;
  --fs-h1: 2.75rem;
  --lh-body: 1.55;
  --lh-heading: 1.2;
  --tracking-display: -0.01em;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-1: 0 1px 2px rgba(20, 35, 54, 0.08);
  --shadow-2: 0 8px 24px rgba(20, 35, 54, 0.10);
  --header-h: 72px;
  --measure: 68ch;
  --wrap: 1120px;
  --wrap-wide: 1240px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur: 220ms;
}