:root {
  /* Colors */
  --color-navy:             #010155;
  --color-navy-dark:        #000A6C;
  --color-navy-overlay:     rgba(1, 1, 85, 0.6);
  --color-red:              #fd5e53;
  --color-red-dark:         #e54d42;
  --color-blue-mid:         #283B86;
  --color-blue-mid-subtle:  rgba(40, 59, 134, 0.25);
  --color-blue-footer:      #2f3c64;
  --color-blue-contact:     rgba(108, 133, 199, 0.5);
  --color-surface:          #f5f5f5;
  --color-text:             #010202;
  --color-text-muted:       #666666;
  --color-white:            #ffffff;
  --color-link:             #06A0FF;
  --color-faq-item:         #ecedf1;
  --color-faq-border:       #dee0e6;
  --color-faq-divider:      #dde4ed;

  /* Typography */
  --font-base: 'Inter', sans-serif;

  /* Spacing */
  --space-md:  3.2rem;
  --space-lg:  4.8rem;

  /* Border radius */
  --radius-md: 8px;
  --radius-lg: 48px;

  /* Layout */
  --header-height-desktop: 130px;
  --header-height-mobile:  64px;
}