:root {
  --ink: #173b32;
  --ink-deep: #082f26;
  --forest: #0f4d3c;
  --forest-soft: #1d6952;
  --mint: #cfe7d4;
  --cream: #f7f5ef;
  --paper: #fffdfa;
  --line: rgba(23, 59, 50, .14);
  --teal: #11b5a0;
  --blue: #d9e9f0;
  --yellow: #f4d687;
  --sand: #e8dfcb;
  --radius-lg: 32px;
  --radius-md: 20px;
  --shadow-soft: 0 24px 70px rgba(15, 77, 60, .12);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --max-width: 1240px;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-display: "Manrope", sans-serif;
  --type-display: clamp(3.6rem, 8vw, 8.5rem);
  --type-section: clamp(2.5rem, 5vw, 5.8rem);
  --type-body: clamp(1.04rem, 1.2vw, 1.25rem);
  --hero-title-size: clamp(2.4rem, 4.5vw, 5.1rem);
  --hero-body-size: clamp(1rem, 1.2vw, 1.2rem);
  --hero-text-color: #fff;
  --site-header-height: 84px;
}