:root {
  --color-cream: #fcf9f8;
  --color-white: #ffffff;
  --color-green-dark: #001e00;
  --color-green-text: #00181e;
  --color-accent-green: #0c863d;
  --color-accent-yellow: #cfcb1e;
  --color-text: #41484a;
  --color-text-muted: #685d4e;
  --color-text-dark: #1b1c1c;
  --color-bg-alt: #f6f3f2;
  --color-black: #1b1a18;
  --color-placeholder: #d9d9d9;
  --color-border: rgba(104, 93, 78, 0.2);
  --color-border-light: rgba(104, 93, 78, 0.3);

  --font-serif: "EB Garamond", Georgia, serif;
  --font-sans: "Inter", system-ui, sans-serif;

  --container-max: 1920px;
  --site-max: 1920px;
  --content-max: 1420px;

  --nav-height: 101px;
  --section-padding-x: clamp(24px, 13vw, 250px);
  --section-padding-x-sm: clamp(24px, 3.3vw, 64px);

  --transition: 0.2s ease;
}

@media (max-width: 768px) {
  :root {
    --section-padding-x: 24px;
  }
}