:root {
  --root-font-size: 15px;
  --root-tablet-font-size: 14px;
  --root-mobile-font-size: 14px;
  --type-h1: 32px;
  --type-h2: 22px;
  --type-h3: 18px;
  --type-body: 13px;
  --type-small: 12px;
  --line-heading: 1.18;
  --line-body: 1.5;
  --measure-readable: 40rem;
  --measure-hero: 44rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --section-padding: 5.25rem;
  --hero-padding: 5rem;
  --footer-padding: 3.25rem;
}

@media (max-width: 736px) {
  :root {
    --type-h1: 26px;
    --type-h2: 20px;
    --type-h3: 17px;
    --type-body: 13px;
    --type-small: 12px;
    --section-padding: 3.75rem;
    --hero-padding: 3.5rem;
    --footer-padding: 3rem;
  }
}