:root {

  /* CORE COLORS */
  --c-black: #3C3C3C;
  --c-grey-darker: #3C3C3C;
  --c-grey-dark: #62646F;
  --c-grey: #7E7E7E;
  --c-grey-light: #CACACA;
  --c-grey-lighter: #E4E6EA;
  --c-grey-lightest: #F8F8F8;
  --c-white: #FFFFFF;

  /* BRAND COLORS */
  --c-primary: var(--c-white);

  /* BLUE KEPT FOR LINKS ONLY */
  --c-action: #2C5ECE;

  /* YELLOW BRAND COLOR */
  --c-highlight: #FEC52C;

  /* GREEN CTA COLOR */
  --c-positive: #18A79B;

  --c-negative: #E30613;

  /* BACKGROUNDS */
  --c-background: var(--c-grey-lightest);
  --c-pale-background: #FFF7CC;

  /* TEXT */
  --c-text-dark: var(--c-black);
  --c-text: var(--c-grey-dark);
  --c-text-light: var(--c-white);

  /* PAGE */
  --page-background-color: var(--c-background);

  /* PRIMARY BUTTONS */
  --primary-button-background-color: var(--c-positive);
  --primary-button-color: var(--c-white);

  --button-border-radius: 6px;

  /* LINKS */
  --link: var(--c-action);
  --link-hover: #1E4FB8;
  --link-active: #173E90;

  /* NAVIGATION */
  --nav-background-color: var(--c-highlight);

  --nav-text-color: var(--c-text-dark);
  --nav-link-color: var(--c-text-dark);

  /* NAV CTA BUTTONS NOW GREEN */
  --nav-button-background-color: var(--c-positive);
  --nav-button-border-color: var(--c-positive);
  --nav-button-text-color: var(--c-white);

  --nav-shadow-color: rgba(0,0,0,0.08);

  /* HERO */
  --hero-background-color: var(--c-highlight);

  --hero-title-color: var(--c-text-dark);
  --hero-text-color: var(--c-text-dark);

  /* HERO CTA BUTTONS NOW GREEN */
  --hero-button-background-color: var(--c-positive);
  --hero-button-border-color: var(--c-positive);
  --hero-button-text-color: var(--c-white);

  --hero-secondary-button-text-color: var(--c-positive);
  --hero-secondary-button-border-color: var(--c-positive);

  /* HERO BENEFITS */
  --hero-benefits-background-color: var(--c-black);

  --hero-benefits-text-color: var(--c-highlight);
  --hero-benefits-title-color: var(--c-white);
  --hero-benefits-link-color: var(--c-white);

  --hero-benefits-icon-color: var(--c-highlight);

  /* CALLOUT */
  --callout-background-color: var(--c-black);
  --callout-text-color: var(--c-white);

  /* FEATURE BUTTONS NOW GREEN */
  --feature-section-button-background-color: var(--c-positive);
  --feature-section-button-border-color: var(--c-positive);
  --feature-section-button-text-color: var(--c-white);

  /* HOW IT WORKS */
  --how-it-works-background-color: var(--c-black);

  --how-it-works-title-color: var(--c-white);
  --how-it-works-number-color: var(--c-highlight);
  --how-it-works-subtitle-color: var(--c-highlight);
  --how-it-works-text-color: var(--c-white);

  /* REVIEWS */
  --review-section-star-icons: var(--c-highlight);

  --reviews-section-button-background: var(--c-positive);
  --reviews-section-button-border: var(--c-positive);
  --reviews-section-button-text: var(--c-white);

  /* FOOTER CTA NOW GREEN */
  --footer-banner-background-color: var(--c-positive);

  --footer-banner-title-color: var(--c-white);
  --footer-banner-text-color: var(--c-white);

  --footer-banner-button-background-color: var(--c-black);
  --footer-banner-button-text-color: var(--c-white);

  /* FOOTER */
  --footer-background-color: var(--c-black);

  --footer-text-color: var(--c-grey-light);
  --footer-link-color: var(--c-white);

  /* ICONS */
  --c-icon: var(--c-positive);
  --c-sidebar-selling-point-icon: var(--c-highlight);
  --c-summary-review-star-icons: var(--c-highlight);

  /* BORDERS */
  --border-color: rgba(60,60,60,0.12);
}