@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/EB-Garamond-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/EB-Garamond-Italic-Variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --forest-950: #101b16;
  --forest-900: #17261f;
  --forest-700: #365245;
  --moss-500: #7f927e;
  --paper-100: #f6f3ec;
  --paper-200: #ece7dc;
  --ink: #172019;
  --muted: #657068;
  /* Passes WCAG AA as small text on both paper-100 and paper-200. */
  --muted-strong: #5d6760;
  --brick: #9a5f45;
  --brick-on-paper-200: #8f553d;
  --brick-on-dark: #c98665;
  --white: #ffffff;
  --font-display: "EB Garamond", Georgia, serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --step--1: clamp(.82rem, .79rem + .15vw, .92rem);
  --step-0: clamp(1rem, .95rem + .24vw, 1.12rem);
  --step-1: clamp(1.15rem, 1.06rem + .38vw, 1.4rem);
  --step-2: clamp(1.45rem, 1.26rem + .76vw, 1.95rem);
  --step-3: clamp(1.95rem, 1.71rem + .99vw, 2.6rem);
  --step-4: clamp(2.4rem, 1.95rem + 1.83vw, 3.6rem);
  --leading-display: 1.08;
  --space-xs: clamp(.5rem, .45rem + .24vw, .75rem);
  --space-s: clamp(.85rem, .72rem + .65vw, 1.25rem);
  --space-m: clamp(1.35rem, 1.08rem + 1.3vw, 2.25rem);
  --space-l: clamp(2.2rem, 1.65rem + 2.7vw, 4rem);
  --space-xl: clamp(3.6rem, 2.4rem + 5.8vw, 7.5rem);
  --content: 78rem;
  --reading: 43rem;
  --radius-s: .25rem;
  --line: color-mix(in srgb, currentColor 20%, transparent);
}

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