:root {
  --font-sans: "Source Sans Pro Web";
  --font-serif: "Merriweather Web", "Georgia", "Cambria", "Times New Roman", "Times", serif;
  --letter-spacing--md: 2.24px;
  --body-1: 17px;
  --body-2: 14px;
  --body-3: 12px;
  --h1: 32px;
  --h2: 28px;
  --h3: 20px;
  --h4: 16px;
  --h5: 15px;
  --h6: 13px;
  --intro: 22px;
  --sub-heading: 16px;
  --menu-link: 20px;
  --theme-color-base-lightest: #FFFFFF;
  --theme-color-base-lighter: #EDEFF0;
  --theme-color-base-light: #DFE1E2;
  --theme-color-base: #E9E9E9;
  --theme-color-base-dark: #3D4551;
  --theme-color-base-darker: #2D2E2F;
  --theme-color-base-darkest: #1C1D1F;
  --theme-color-base-ink: #1B1B1B;
  --theme-color-primary-lighter: #CFE8FF;
  --theme-color-primary-light: #58B4FF;
  --theme-color-primary: #2491FF;
  --theme-color-primary-vivid: #0076D6;
  --theme-color-primary-dark: #0B4778;
  --theme-color-primary-darker: #112F4E;
  --theme-color-secondary-lighter: #FAF3D1;
  --theme-color-secondary-light: #F5E6AF;
  --theme-color-secondary: #E6C74C;
  --theme-color-secondary-vivid: #C9AB48;
  --theme-color-secondary-dark: #A88F48;
  --theme-color-secondary-darker: #8A7237;
  --theme-color-accent-warm-lighter: #E0699F;
  --theme-color-accent-warm-light: #C84281;
  --theme-color-accent-warm: #8B4556;
  --theme-color-accent-warm-dark: #66364B;
  --theme-color-accent-warm-darker: #402731;
  /*--theme-primary: var(--theme-color-base);
  --theme-primary-light: var(--blue-light);
  --theme-white: white;
  --theme-black: black;
  --theme-neutral-lighter: var(--gray-lighter);
  --theme-neutral-light: var(--gray-light);
  --theme-neutral: var(--gray-default);
  --theme-neutral-dark: var(--gray-dark);
  --theme-neutral-darker: var(--gray-darker);
  --theme-secondary: var(--gold-default);*/
  --site-max-width: 75rem;
  --container-padding: 2rem;
  --spacing-xxxs: 2px;
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;
  --spacing-xxxl: 64px;
  --spacing-xxxxl: 72px;
  --spacing-component: 80px;
  --form-spacing: 10px;
}
@media (min-width: 800px) {
  :root {
    --h1: 40px;
    --h2: 32px;
    --h3: 22px;
  }
}