:root {
  /* Brand colours */
  --color-primary:       #182244;  /* Deep Navy */
  --color-primary-light: #2a3660;
  --color-accent:        #DC7533;  /* Copper */
  --color-accent-hover:  #b5602a;

  /* Text */
  --color-text-muted:    #2B5F71;  /* Teal */

  /* Backgrounds */
  --color-bg-alt:        #f0f0ec;
  --color-cta-bg:        #182244;  /* Deep Navy */

  /* Links */
  --color-link:          #2B5F71;  /* Teal */

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

  /* Spacing (use for custom CSS only — prefer Tailwind utilities) */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;
}