:root {
  --navy:       #0C2B45;   /* primary — dominant on every page */
  --teal:       #0F6E56;   /* accent — links, hover states, CTAs */
  --light-teal: #5DCAA5;   /* highlight on dark backgrounds */
  --pale-blue:  #E6F1FB;   /* light section backgrounds */
  --off-white:  #F4F8FC;   /* card / content backgrounds */
  --warm-neutral:#F1EFE8;  /* alternate background */
  --muted:      #7A9BB5;   /* secondary text on dark */
  --muted-dark: #4A6A85;   /* secondary text on light */

  --font-serif: 'Georgia', 'Lora', 'Playfair Display', serif;
  --font-sans:  'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:  'JetBrains Mono', 'Consolas', monospace;
}