:root {
  --color-primary: #78a061;
  --color-primary-200: #597345;
  --color-secondary: #fff;
  --color-tertiary: #000;
  --color-quaternary-100: #f5f5f5;
  --color-quaternary-200: #aaa;
  --color-quaternary-300: #777;
  --color-quaternary-400: #404040;
  --color-quaternary-500: #343434;
  --color-quaternary-600: #2d2d2d;
  --color-quaternary-700: #282828;
  --color-quaternary-800: #222;
  --font-size--50: 1rem;
  --font-size--100: 1rem;
  --font-size--200: 2rem;
  --font-size--250: 3rem;
  --font-size--300: 4rem;
}

@media (max-width: 992px) {
  :root {
    --font-size--50: 1.2rem;
    --font-size--100: 1.4rem;
    --font-size--200: 2.8rem;
    --font-size--300: 4.4rem;
  }
}