:root {
  --c-black: #142135;
  --c-primary: #F86745;
  --c-action: #77C3CB;
  --c-icon: var(--c-action);
  --primary-button-background-color: #77C3CB;
  --primary-button-color: #293121;
  --link: #77C3CB;
  --link-hover: var(--c-action);
  --link-active: var(--c-action);
  --nav-background-color: #293121;
  --nav-text-color: var(--c-white);
  --nav-button-background-color: var(--c-action);
  --nav-button-text-color: var(--c-black);
  --nav-link-color: var(--c-white);
  --hero-background-color: #F86745;
  --hero-title-color: var(--c-white);
  --hero-text-color: var(--c-white);
  --hero-button-background-color: #77C3CB;
  --hero-button-text-color: #293121;
  --hero-benefits-background-color: #293121;
  --hero-benefits-text-color: #F86745;
  --hero-benefits-icon-color: #293121;
  --footer-background-color: var(--c-black);
  --footer-banner-background-color: var(--c-action);
  --card-box-shadow: none;
  --hero-button-border-color: #293121;
  --callout-background-color: #77C3CB;
  --hero-secondary-button-border-color: #F86745;
  --how-it-works-background-color: #293121;
  --info-bar-background-color: #293121;
}