:root {
  --c-black: #232328;
  --c-primary: #074646;
  --c-action: #d4cd02;
  --c-background: var(--c-grey-lightest);
  --primary-button-background-color: var(--c-action);
  --primary-button-color: var(--c-primary);
  --link: var(--c-action);
  --link-hover-color: #398B5B;
  --link-active: var(--c-action);
  --nav-background-color: #f7f3ec;
  --nav-text-color: var(--c-white);
  --nav-link-color: #000000;
  --nav-button-background-color: var(--c-action);
  --nav-button-text-color: var(--c-primary);
  --hero-background-color: var(--c-primary);
  --hero-title-color: var(--c-white);
  --hero-text-color: var(--c-white);
  --hero-button-background-color: var(--c-action);
  --hero-button-text-color: var(--c-primary);
  --hero-benefits-background-color: #064141;
  --hero-benefits-text-color: #ffffff;
  --callout-background-color: #1F252E;
  --feature-section-button-background-color: var(--c-action);
  --feature-section-button-text-color: var(--c-primary);
  --footer-background-color: var(--c-black);
  --footer-banner-button-text-color: var(--c-black);
  --reviews-section-button-text: var(--c-black);
  --how-it-works-subtitle-color: #ffffff;
  --how-it-works-number-color: #ffffff;
  --footer-banner-background-color: #084646;
}