:root {

  /* Core Palette */
  --c-navy: #0F1E3A;
  --c-gold: #D4A017;
  --c-gold-hover: #B8860B;
  --c-white: #FFFFFF;
  --c-light-grey: #F2F2F2;
  --c-dark-grey-text: #333333;

  /* Base Colors */
  --c-black: #111111;
  --c-grey-darker: #222222;
  --c-grey-dark: #333333;
  --c-grey: #666666;
  --c-grey-light: #CCCCCC;
  --c-grey-lighter: #E6E6E6;
  --c-grey-lightest: var(--c-light-grey);

  /* Brand Roles */
  --c-primary: var(--c-navy);
  --c-action: var(--c-gold);
  --c-background: var(--c-light-grey);
  --c-pale-background: var(--c-light-grey);

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

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

  /* Buttons */
  --primary-button-background-color: var(--c-gold);
  --primary-button-color: var(--c-white);
  --button-border-radius: 4px;

  /* Navigation */
  --nav-background-color: var(--c-navy);
  --nav-text-color: var(--c-white);
  --nav-link-color: var(--c-white);
  --nav-button-background-color: var(--c-gold);
  --nav-button-border-color: var(--c-gold);
  --nav-button-text-color: var(--c-white);

  /* Hero Section */
  --hero-background-color: var(--c-navy);
  --hero-title-color: var(--c-white);
  --hero-text-color: var(--c-white);
  --hero-button-background-color: var(--c-gold);
  --hero-button-border-color: var(--c-gold);
  --hero-button-text-color: var(--c-white);
  --hero-secondary-button-text-color: var(--c-gold);
  --hero-secondary-button-border-color: var(--c-gold);

  /* Key Selling Points Bar */
  --hero-benefits-background-color: var(--c-navy);
  --hero-benefits-text-color: var(--c-white);
  --hero-benefits-icon-color: var(--c-gold);

  /* Links */
  --link: var(--c-gold);
  --link-hover: var(--c-gold-hover);
  --link-active: var(--c-gold-hover);

  /* Feature Sections */
  --feature-section-button-background-color: var(--c-gold);
  --feature-section-button-border-color: var(--c-gold);
  --feature-section-button-text-color: var(--c-white);

  /* How It Works */
  --how-it-works-background-color: var(--c-navy);
  --how-it-works-title-color: var(--c-white);
  --how-it-works-number-color: var(--c-gold);
  --how-it-works-subtitle-color: var(--c-gold);
  --how-it-works-text-color: var(--c-white);

  /* Reviews */
  --review-section-star-icons: var(--c-gold);
  --reviews-section-button-background: var(--c-light-grey);
  --reviews-section-button-border: var(--c-grey-lighter);
  --reviews-section-button-text: var(--c-gold);

  /* Callouts */
  --callout-background-color: var(--c-navy);
  --callout-text-color: var(--c-white);

  /* Footer Banner */
  --footer-banner-background-color: var(--c-navy);
  --footer-banner-title-color: var(--c-white);
  --footer-banner-text-color: var(--c-white);
  --footer-banner-button-background-color: var(--c-gold);
  --footer-banner-button-text-color: var(--c-white);

  /* Footer */
  --footer-background-color: var(--c-navy);
  --footer-text-color: #CCCCCC;
  --footer-link-color: var(--c-white);

  /* Borders */
  --border-color: rgba(15, 30, 58, 0.15);
}