:root {
  --color-primary: #2e5b3d;
  --color-secondary: #B78D39;
  --color-tertiary: #5e7e7e;
  --color-header-background: #2e5b3d;
  --surface-bg-cream: #f0efed;
  --surface-dark-1: #1e3d29;
  --surface-dark-0: #1b3725;
  --color-alerts-success: #008545;
  --color-alerts-caution: #edc700;
  --color-alerts-error: #d73044;
  --color-alerts-general: #0084ff;
  --color-grey-50: #f6f9fb;
  --color-grey-100: #e7ecf1;
  --color-grey-200: #c4ccd8;
  --color-grey-300: #abb5c5;
  --color-grey-400: #727f96;
  --color-grey-500: #4f5b76;
  --color-grey-600: #3f4b66;
  --color-grey-700: #2e3a55;
  --color-grey-800: #152a3f;
  --color-grey-900: #041526;
  /* --heading-font-size-h1: */
  --h1-font-weight: 300;
  --h1-font-style: italic;
  --h1-line-height: 1.2;
  /* --heading-font-size-h2: */
  --h2-font-weight: 500;
  --h2-font-style: normal;
  --h2-line-height: 1.3;
  /* --heading-font-size-h3: */
  --h3-font-weight: 500;
  --h3-font-style: normal;
  --h3-line-height: 1.3;
  /* --heading-font-size-h4: */
  --h4-font-weight: 500;
  --h4-font-style: normal;
  --h4-line-height: 1.3;
  --cta-font-weight: 700;
  --cta-letter-spacing: 0.1em;
  --cta-text-transform: uppercase;
  --brand-logo-width-mobile: 154px;
  --brand-logo-height-mobile: 34px;
  --brand-logo-width-desktop: 172px;
  --brand-logo-height-desktop: 38px;
}