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

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

:root {
  --color-brand: #004933;
  --color-brand-deep: #003426;
  --color-ink: #282828;
  --color-ink-soft: #5f625f;
  --color-cream: #f7f6f4;
  --color-stone: #eeedeb;
  --color-stone-deep: #dedbd5;
  --color-white: #ffffff;
  --color-line: rgba(40, 40, 40, 0.18);
  --font-heading: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --text-small: 0.8125rem;
  --text-body: clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --text-lead: clamp(1.08rem, 1.02rem + 0.28vw, 1.3rem);
  --heading-1: clamp(3rem, 4.2vw, 4.65rem);
  --heading-2: clamp(2.1rem, 2.9vw, 3.3rem);
  --heading-3: clamp(1.3rem, 1.4vw, 1.6rem);
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: clamp(5rem, 9vw, 8rem);
  --space-3xl: clamp(6.5rem, 12vw, 11rem);
  --container-max: 86rem;
  --container-gutter: clamp(1.25rem, 4vw, 4rem);
  --radius-small: 0.4rem;
  --radius-medium: 0.8rem;
  --transition-fast: 180ms ease;
  --transition-slow: 650ms cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-media: 0 2rem 5rem rgba(0, 52, 38, 0.16);
}