:root {

  /* Brand (EXACT logo color) */
  --c-primary: #1181C8;
  --c-primary-dark: #0E6EA9; /* subtle darker shade for depth */
  --c-white: #ffffff;
  --c-black: #0F172A;

  /* Backgrounds */
  --c-background: #F8FAFC;
  --c-pale-background: #F1F5F9;

  /* Text */
  --c-text-dark: #0F172A;
  --c-text: #334155;
  --c-text-light: #ffffff;

  /* Action (inverted for contrast on blue) */
  --c-action: #ffffff;
  --c-action-text: #1181C8;

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

  /* NAV — EXACT MATCH TO LOGO */
  --nav-background-color: #1181C8;
  --nav-text-color: #ffffff;
  --nav-link-color: #ffffff;

  --nav-button-background-color: #ffffff;
  --nav-button-border-color: #ffffff;
  --nav-button-text-color: #1181C8;

  --nav-shadow-color: rgba(0,0,0,0); /* removes line under header */

  /* HERO — SAME AS NAV (seamless block) */
  --hero-background-color: #1181C8;
  --hero-title-color: #ffffff;
  --hero-text-color: #ffffff;

  --hero-button-background-color: #ffffff;
  --hero-button-border-color: #ffffff;
  --hero-button-text-color: #1181C8;

  --hero-secondary-button-text-color: #ffffff;
  --hero-secondary-button-border-color: #ffffff;

  /* Selling points bar (slightly darker for layering) */
  --hero-benefits-background-color: #0E6EA9;
  --hero-benefits-text-color: #ffffff;
  --hero-benefits-icon-color: #ffffff;

  /* Sections */
  --feature-section-button-background-color: #1181C8;
  --feature-section-button-border-color: #1181C8;
  --feature-section-button-text-color: #ffffff;

  /* How it works */
  --how-it-works-background-color: #1181C8;
  --how-it-works-title-color: #ffffff;
  --how-it-works-number-color: #ffffff;
  --how-it-works-subtitle-color: #BFE3F5;
  --how-it-works-text-color: #ffffff;

  /* Reviews */
  --review-section-star-icons: #F59E0B;
  --reviews-section-button-background: #F1F5F9;
  --reviews-section-button-border: #E2E8F0;
  --reviews-section-button-text: #1181C8;

  /* Footer */
  --footer-banner-background-color: #1181C8;
  --footer-banner-title-color: #ffffff;
  --footer-banner-text-color: #ffffff;

  --footer-banner-button-background-color: #ffffff;
  --footer-banner-button-text-color: #1181C8;

  --footer-background-color: #0F172A;
  --footer-text-color: #94A3B8;
  --footer-link-color: #ffffff;

  /* Icons */
  --c-icon: #1181C8;

  /* Borders */
  --border-color: rgba(0,0,0,0.08);
}