:root {
  --forest: #205239;
  --forest-deep: #173d2a;
  --purple: #622681;
  --purple-deep: #4d1d66;
  --cream: #f7f5ef;
  --sage: #dce7d6;
  --sage-soft: #eaf0e5;
  --lilac: #eee8f2;
  --graphite: #343434;
  --muted: #5b625b;
  --line-subtle: rgba(32, 82, 57, .12);
  --line: rgba(32, 82, 57, .2);

  --ff-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --ff-text: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-body: clamp(1rem, .96rem + .2vw, 1.125rem);
  --fs-small: clamp(.875rem, .84rem + .14vw, .9375rem);
  --fs-h1: clamp(2.85rem, 4.6vw, 4.6rem);
  --fs-h2: clamp(2rem, 3.2vw, 3rem);
  --fs-h3: clamp(1.35rem, 1.15rem + .8vw, 1.75rem);

  --gutter: clamp(1.25rem, 4.2vw, 3.25rem);
  --container: 78rem;
  --section-y: clamp(4.25rem, 7vw, 7rem);
  --header-h: 4.5rem;
  --radius: 1.25rem;
  --radius-small: .5rem;
  --ease: cubic-bezier(.2, .7, .2, 1);
}