:root {
  --c-black: #232328;
  --c-grey-darker: #454444;
  --c-grey-dark: #62646f;
  --c-grey: #7b7e8e;
  --c-grey-light: #bfbcb4;
  --c-grey-lighter: #d2cfc8;
  --c-grey-lightest: #e5e2dc;
  --c-white: #F7F4EE;

  --c-primary: #3AC976;
  --c-action: #3AC976;
  --c-background: var(--c-grey-lightest);
  --c-highlight: #ff6a23;
  --c-positive: #489624;
  --c-negative: #ca2727;
  --c-pale-background: #fffad1;

  --c-text-dark: var(--c-black);
  --c-text: var(--c-grey-dark);
  --c-text-light: var(--c-white);

      --info-bar-background-color: var(--c-black);
    --info-bar-announce-background-color: var(--c-action);
    --info-bar-announce-text-color: var(--c-black);
    --info-bar-text-color: var(--c-white);
    --info-bar-link-color: var(--c-white);

  --hero-background-color: #074646;
  --hero-title-color: var(--c-white);
  --hero-text-color: var(--c-white);
  --hero-button-background-color: #3AC976;
  --hero-button-text-color: #074646;
  --hero-button-border-color: #3AC976;

  --hero-benefits-background-color: #064141;
  --hero-benefits-text-color: #ffffff;
  --hero-benefits-title-color: #FFFFFF;
  --hero-benefits-link-color: #3AC976;

  --nav-link-color: var(--c-black);
  --nav-shadow-color: var(--c-primary);
  --nav-background-color: var(--c-white);
  --nav-text-color: var(--c-black);
  --nav-button-border-color: var(--c-action);
  --nav-button-background-color: var(--c-action);
  --nav-button-text-color: #074646;

  --footer-background-color: var(--c-black);
  --footer-text-color: var(--c-grey-light);
  --footer-link-color: var(--c-white);

  --page-background-color: var(--c-background);

  --primary-button-background-color: #3AC976;
  --primary-button-color: #074646;
  --primary-button-hover-color: #3AC976;

  --link: #3AC976;
  --link-hover: #398B5B;
  --link-active: #3AC976;

  --callout-background-color: #1F252E;
  --callout-text-color: var(--c-white);
  --border-color: rgba(var(--c-black), 0);

    --reviews-section-btn-background: var(--c-grey-lightest);
    --reviews-section-btn-border: var(—-c-grey-lighter);
    --reviews-section-btn-text: #16A34A;

  --feature-section-button-background-color: #3AC976;
  --feature-section-button-border-color: #3AC976;
  --feature-section-button-text-color: #074646;

  --c-pale-background: #EFECDA;

}