:root {
  /* Primary: Deep Navy — trust, authority, reliability */
  --color-primary: #042C5C;
  --color-primary-dark: #021E40;
  --color-primary-light: #0A3F7A;
  
  /* Accent: Vibrant Purple — innovation, energy, modernity */
  --color-accent: #6434FB;
  --color-accent-light: #8B6CFC;
  --color-accent-dark: #4A1FD6;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #042C5C 0%, #6434FB 100%);
  --gradient-accent: linear-gradient(135deg, #6434FB 0%, #8B6CFC 100%);
  --gradient-subtle: linear-gradient(135deg, #042C5C 0%, #0A3F7A 50%, #6434FB 100%);
  --gradient-overlay: linear-gradient(0deg, rgba(4, 44, 92, 0.9) 0%, rgba(4, 44, 92, 0.4) 100%);
  --gradient-bg-soft: linear-gradient(135deg, rgba(4, 44, 92, 0.04) 0%, rgba(100, 52, 251, 0.04) 100%);
  
  /* Neutrals */
  --color-bg: #FAFAFC;           /* Cool off-white */
  --color-bg-alt: #F0F0F5;       /* Alternate section bg */
  --color-surface: #FFFFFF;
  --color-text: #0F1B2D;          /* Near-black navy */
  --color-text-muted: #5A6478;
  --color-text-light: #8A92A6;
  --color-border: #D5D9E2;
  
  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(4,44,92,0.06);
  --shadow-md: 0 4px 16px rgba(4,44,92,0.08);
  --shadow-lg: 0 12px 32px rgba(4,44,92,0.12);
  --shadow-xl: 0 24px 48px rgba(4,44,92,0.15);
  --shadow-glow: 0 0 40px rgba(100,52,251,0.2);

  /* Spacing */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 4rem;     /* 64px */
  --space-4xl: 6rem;     /* 96px */
  --space-5xl: 8rem;     /* 128px */
  
  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* Typography */
  --font-heading: 'DM Serif Display', serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
}