:root {

  --c-black: #0f172a;
  --c-grey-darker: #1f2937;
  --c-grey-dark: #374151;
  --c-grey: #8a8f94;
  --c-grey-light: #d1d5db;
  --c-grey-lighter: #e5e7eb;
  --c-grey-lightest: #f3f4f6;
  --c-white: #ffffff;

  /* BRAND COLOURS */
  --c-primary: #e6e6e6;
  --c-action: #b7d300; /* lime green CTA */
  --c-accent: #123a63; /* navy */

  --c-background: #e6e6e6;
  --c-pale-background: #f3f4f6;

  --c-positive: #b7d300;
  --c-negative: #ef4444;

  --c-text-dark: #123a63;
  --c-text: #374151;
  --c-text-light: #ffffff;

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

  /* BUTTONS */
  --primary-button-background-color: var(--c-action);
  --primary-button-color: #123a63;
  --button-border-radius: 6px;

  --c-icon: var(--c-action);

  /* LINKS */
  --link: #123a63;
  --link-hover: #0f2f50;
  --link-active: #0f2f50;

  /* INFO BAR */
  --info-bar-background-color: #123a63;
  --info-bar-announce-background-color: #b7d300;
  --info-bar-announce-text-color: #123a63;
  --info-bar-text-color: #ffffff;
  --info-bar-link-color: #b7d300;

  /* NAV */
  --nav-background-color: #ffffff;
  --nav-text-color: #123a63;
  --nav-button-background-color: #b7d300;
  --nav-button-border-color: #b7d300;
  --nav-button-text-color: #123a63;
  --nav-link-color: #123a63;
  --nav-shadow-color: rgba(0,0,0,0.05);

  /* HERO */
  --hero-background-color: #e6e6e6;
  --hero-title-color: #123a63;
  --hero-text-color: #374151;

  --hero-button-background-color: #b7d300;
  --hero-button-border-color: #b7d300;
  --hero-button-text-color: #123a63;

  --hero-secondary-button-text-color: #123a63;
  --hero-secondary-button-border-color: #123a63;

  /* SELLING POINTS BAR */
  --hero-benefits-background-color: #123a63;
  --hero-benefits-text-color: #ffffff;
  --hero-benefits-icon-color: #b7d300;

  /* CALLOUT */
  --callout-background-color: #123a63;
  --callout-text-color: #ffffff;

  --c-sidebar-selling-point-icon: #b7d300;

  /* FEATURES */
  --feature-section-button-background-color: #b7d300;
  --feature-section-button-border-color: #b7d300;
  --feature-section-button-text-color: #123a63;

  /* HOW IT WORKS */
  --how-it-works-background-color: #123a63;
  --how-it-works-title-color: #ffffff;
  --how-it-works-number-color: #b7d300;
  --how-it-works-subtitle-color: #b7d300;
  --how-it-works-text-color: #ffffff;

  /* REVIEWS */
  --review-section-star-icons: #b7d300;
  --reviews-section-button-background: #ffffff;
  --reviews-section-button-border: #e5e7eb;
  --reviews-section-button-text: #123a63;

  /* FOOTER BANNER */
  --footer-banner-background-color: #b7d300;
  --footer-banner-title-color: #123a63;
  --footer-banner-text-color: #123a63;
  --footer-banner-button-background-color: #123a63;
  --footer-banner-button-text-color: #ffffff;

  /* FOOTER */
  --footer-background-color: #123a63;
  --footer-text-color: #d1d5db;
  --footer-link-color: #ffffff;

  --c-summary-review-star-icons: #b7d300;

  --border-color: rgba(0,0,0,0.05);
}