:root {
  --base-font-mobile: 1rem;
  --base-font-tablet: 1rem;
  --base-font-desktop: 1rem;
  --lead-mobile: 1rem;
  --lead-tablet: 1.25rem;
  --lead-desktop: 1.25rem;
  --h1-mobile: 2.25rem;
  --h1-tablet: 2.5rem;
  --h1-desktop: 3.25rem;
  --h2-mobile: 1.75rem;
  --h2-tablet: 2rem;
  --h2-desktop: 2.5rem;
  --h3-mobile: 1.5rem;
  --h3-tablet: 1.5rem;
  --h3-desktop: 2rem;
  --h4-mobile: 1rem;
  --h4-tablet: 1.5rem;
  --h4-desktop: 1.5rem;
  --small-mobile: 0.85rem;
  --small-tablet: 0.85rem;
  --small-desktop: 0.85rem;
  --brand-color: #3c6149;
  --brand-color-light: #b3beb1;
  --brand-color-mid: #688372;
  --brand-color-dark: #104021;
  --secondary-color: #e6c9a0;
  --secondary-color-light: #f2e3cd;
  --secondary-color-mid: #f2dabf;
  --secondary-color-dark: #e3bd87;
  --accent-color: #d65962;
  --accent-color-light: #f2e0e2;
  --accent-color-mid: #d65962;
  --accent-color-dark: #c94f59;
  --white-color: #fcf9f0;
  --black-color: #052812;
  --grey-color: #eeebe0;
  --error-color: #f4725e;
  --success-color: #3f955e;
  --warning-color: #ffbe5d;
  --info-color: #bfe7f7;
  --header-font-family: "Libre Baskerville", serif;
  --body-font-family: "Lato", sans-serif;
}