:root {
  --paper: #F4EFE6;
  --slate: #1F2A2E;
  --teal: #2A7A74;
  --teal-hover: #246863;
  --cream: #F4EFE6;
  --inset: #F8F4EC;
  --muted: #1F2A2E99;
  --line: #1F2A2E1a;
  --page-width: 48rem;
  --gutter: 1.25rem;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.25rem;
  --space-5: 3.25rem;
  --radius: 0.75rem;
  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-weight-body: 400;
  --font-weight-medium: 500;
  --font-weight-heading: 600;
  --letter-spacing-heading: -0.03em;
}

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

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

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