:root {
  --c-black: #000000;
  --c-charcoal: #111111;
  --c-grey-dark: #3f3f46;
  --c-grey: #52525b;
  --c-grey-light: #d4d4d8;
  --c-grey-lighter: #e4e4e7;
  --c-grey-lightest: #f4f4f5;
  --c-white: #ffffff;

  /* Brand */
  --c-primary: #ffffff;
  --c-action: #B6FF00;
  --c-action-hover: #A8F000;

  --c-background: #ffffff;
  --c-pale-background: #f9fafb;

  --c-text-dark: #000000;
  --c-text: #18181b;
  --c-text-light: #ffffff;

  --page-background-color: var(--c-background);

  /* Buttons */
  --primary-button-background-color: var(--c-action);
  --primary-button-color: #000000;
  --button-border-radius: 6px;
  --c-icon: var(--c-action);

  /* Links */
  --link: #000000;
  --link-hover: var(--c-action);
  --link-active: var(--c-action);

  /* INFO BAR (Matches CTA Green) */
  --info-bar-background-color: var(--c-action);
  --info-bar-announce-background-color: var(--c-action);
  --info-bar-announce-text-color: #000000;
  --info-bar-text-color: #000000;
  --info-bar-link-color: #000000;

  /* Navigation */
  --nav-background-color: #ffffff;
  --nav-text-color: #000000;
  --nav-button-background-color: var(--c-action);
  --nav-button-border-color: var(--c-action);
  --nav-button-text-color: #000000;
  --nav-link-color: #000000;
  --nav-shadow-color: rgba(0,0,0,0.05);

  /* Hero */
  --hero-background-color: #ffffff;
  --hero-title-color: #000000;
  --hero-text-color: #3f3f46;
  --hero-button-background-color: var(--c-action);
  --hero-button-border-color: var(--c-action);
  --hero-button-text-color: #000000;
  --hero-secondary-button-text-color: #000000;
  --hero-secondary-button-border-color: #000000;

  /* Selling points bar */
  --hero-benefits-background-color: var(--c-action);
  --hero-benefits-text-color: #000000;
  --hero-benefits-icon-color: #000000;

  /* Sections */
  --callout-background-color: var(--c-grey-lightest);
  --callout-text-color: #000000;

  --how-it-works-background-color: #ffffff;
  --how-it-works-title-color: #000000;
  --how-it-works-number-color: var(--c-action);
  --how-it-works-subtitle-color: var(--c-action);
  --how-it-works-text-color: #3f3f46;

  /* Reviews */
  --review-section-star-icons: var(--c-action);
  --reviews-section-button-background: var(--c-grey-lightest);
  --reviews-section-button-border: var(--c-grey-lighter);
  --reviews-section-button-text: #000000;

  /* Footer */
  --footer-banner-background-color: var(--c-action);
  --footer-banner-title-color: #000000;
  --footer-banner-text-color: #000000;
  --footer-banner-button-background-color: #000000;
  --footer-banner-button-text-color: var(--c-action);

  --footer-background-color: #111111;
  --footer-text-color: #d4d4d8;
  --footer-link-color: #ffffff;

  --c-summary-review-star-icons: var(--c-action);

  --border-color: #e4e4e7;
}