@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/BarlowCondensed-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url("../fonts/BarlowCondensed-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --brand-mint: #4afec5;
  --brand-mint-soft: #c9f8e7;
  --brand-green: #08755d;
  --brand-green-dark: #075644;
  --slate: #11273b;
  --slate-light: #1d3d50;
  --charcoal: #252a2f;
  --muted: #5b6670;
  --line: #c9d1d2;
  --line-dark: #355062;
  --off-white: #f5f7f4;
  --paper: #ffffff;
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Inter", "Segoe UI", sans-serif;
  --step--1: clamp(0.82rem, 0.79rem + 0.12vw, 0.9rem);
  --step-0: clamp(1rem, 0.97rem + 0.16vw, 1.1rem);
  --step-1: clamp(1.22rem, 1.12rem + 0.48vw, 1.55rem);
  --step-2: clamp(1.65rem, 1.4rem + 1.1vw, 2.4rem);
  --step-3: clamp(2.25rem, 1.78rem + 2.1vw, 3.8rem);
  --step-4: clamp(3rem, 2.2rem + 3.55vw, 5.75rem);
  --space-1: clamp(0.55rem, 0.5rem + 0.2vw, 0.75rem);
  --space-2: clamp(0.9rem, 0.78rem + 0.55vw, 1.3rem);
  --space-3: clamp(1.35rem, 1.05rem + 1.15vw, 2.15rem);
  --space-4: clamp(2rem, 1.45rem + 2.5vw, 3.75rem);
  --space-5: clamp(3.25rem, 2.15rem + 4.8vw, 6.75rem);
  --content: 80rem;
  --reading: 44rem;
  --shadow: 0 16px 38px rgba(17, 39, 59, 0.12);
}