:root {
  --color-navy: #0b2340;
  --color-navy-mid: #183a4a;
  --color-primary: #1e6fd9;
  --color-primary-dark: #1557b0;
  --color-primary-light: #e8f2fc;
  --color-primary-muted: #d4e8fa;
  --color-sage: #e8f2fc;
  --color-cream: #f4f6f8;
  --gradient-brand: linear-gradient(135deg, var(--color-navy) 0%, var(--color-primary) 100%);
  --gradient-hero: linear-gradient(160deg, var(--color-primary-light) 0%, #ffffff 55%);
  --gradient-page-hero: linear-gradient(135deg, var(--color-primary-muted) 0%, var(--color-primary-light) 45%, #ffffff 100%);
  --color-white: #ffffff;
  --color-charcoal: #263238;
  --color-gray: #5c6b73;
  --color-accent: #4da3ff;

  --font-heading: "DM Sans", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --container-max: 1240px;
  --section-y: clamp(3.5rem, 6vw, 6.875rem);
  --section-y-sm: clamp(2.5rem, 4vw, 4.5rem);

  --radius-card: 18px;
  --radius-image: 22px;
  --radius-btn: 10px;

  --shadow-sm: 0 4px 20px rgba(11, 35, 64, 0.08);
  --shadow-md: 0 12px 40px rgba(11, 35, 64, 0.12);
  --header-height: 88px;
  --transition: 0.25s ease;

  /* Legacy aliases mapped to blue palette */
  --color-teal: var(--color-primary);
  --color-teal-dark: var(--color-primary-dark);
}