:root {
  --color-primary: #03888f;
  --color-primary-dark: #02676c;
  --color-primary-soft: #e8f3f2;
  --color-text: #545454;
  --color-ink: #263536;
  --color-sand: #f4efe8;
  --color-cream: #fbf9f5;
  --color-white: #fff;
  --color-border: rgba(38, 53, 54, 0.18);
  --color-focus: #b94b00;
  --font-serif: Baskerville, "Baskerville Old Face", "Times New Roman", serif;
  --font-sans: Arial, Helvetica, sans-serif;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --radius: 0.25rem;
  --shadow: 0 18px 48px rgba(37, 64, 63, 0.12);
  --content-width: 76rem;
  --section-space: 5rem;
  --page-gutter: clamp(1.5rem, 5vw, 5rem);
  --heading-content-gap: 2.5rem;
  --eyebrow-heading-gap: 0.75rem;
  --copy-gap: 1.25rem;
  --card-gap: 1.5rem;
  --card-padding: 2rem;
}

@media (max-width: 760px) {
  :root {
    --section-space: 3rem;
    --heading-content-gap: 1.75rem;
    --copy-gap: 1rem;
    --card-gap: 1.25rem;
    --card-padding: 1.5rem;
  }
}