:root {
  --c-black: #1e1e1e;
  --c-grey-darker: #4b4b4b;
  --c-grey-dark: #6a6a6a;
  --c-grey: #a0a0a0;
  --c-grey-light: #d4d4d4;
  --c-grey-lighter: #eeeeee;
  --c-grey-lightest: #f8f8f8;
  --c-white: #ffffff;

  --c-primary: #112A46; /* Deep navy blue */
  --c-accent: #1FB6FF;  /* Bright cyan/sky blue */
  --c-action: var(--c-primary);
  --c-background: var(--c-grey-lightest);
  --c-highlight: #00bcd4;
  --c-positive: #2ecc71;
  --c-negative: #ca2727;
  --c-pale-background: #f1fff5;

  --c-text-dark: var(--c-black);
  --c-text: var(--c-grey-darker);
  --c-text-light: var(--c-white);

  --hero-background-color: var(--c-white);
  --hero-title-color: var(--c-primary);
  --hero-text-color: var(--c-grey-darker);
  --hero-button-background-color: var(--c-accent);
  --hero-button-text-color: var(--c-white);
  --hero-button-border-color: var(--c-accent);

  --hero-benefits-background-color: var(--c-grey-lightest);
  --hero-benefits-text-color: var(--c-grey-darker);
  --hero-benefits-title-color: var(--c-primary);
  --hero-benefits-link-color: var(--c-accent);

  --nav-link-color: var(--c-primary);
  --nav-shadow-color: rgba(0, 0, 0, 0.1);
  --nav-background-color: var(--c-white);
  --nav-text-color: var(--c-primary);
  --nav-button-border-color: var(--c-accent);
  --nav-button-background-color: var(--c-accent);
  --nav-button-text-color: var(--c-white);

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

  --footer-background-color: var(--c-primary);
  --footer-text-color: var(--c-grey-light);
  --footer-link-color: var(--c-accent);

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

  --primary-button-background-color: var(--c-accent);
  --primary-button-color: var(--c-white);
  --primary-button-hover-color: #0fa5e4;

  --link: var(--c-accent);
  --link-hover: #0fa5e4;

  --reviews-section-btn-background: #ffffff;
  --reviews-section-btn-border: var(--c-grey-lighter);
  --reviews-section-btn-text: var(--c-accent);

  --feature-section-button-background-color: var(--c-accent);
  --feature-section-button-border-color: var(--c-accent);
  --feature-section-button-text-color: var(--c-white);

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

    --footer-banner-background-color: var(--c-accent);
  --footer-banner-title-color: var(--c-white);
  --footer-banner-text-color: var(--c-white);
  --footer-banner-button-background-color: var(--c-white);
  --footer-banner-button-text-color: var(--c-action);

}