:root {
  --purple-deep: #4a6fa5; --purple-dark: #5b82bb; --purple-mid: #1e4a8a;
  --purple-primary: #3b82f6; --purple-accent: #2563eb; --purple-light: #1d4ed8; --purple-glow: #3b82f6;
  --bg-dark: #f0f7ff; --bg-card: #ffffff;
  --text-primary: #1a1a3a; --text-secondary: #4a4a7a; --text-muted: #8a8aaa;
  --border-subtle: rgba(59, 130, 246, 0.15);
  --gradient-main: linear-gradient(135deg, #e8f0fe, #dbeafe, #f0f7ff);
  --gradient-accent: linear-gradient(135deg, #3b82f6, #2563eb);
  --gradient-card: linear-gradient(135deg, rgba(59, 130, 246, 0.04), rgba(37, 99, 235, 0.02));
  --shadow-glow: 0 0 30px rgba(59, 130, 246, 0.1); --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --ambient-1: rgba(59, 130, 246, 0.04); --ambient-2: rgba(96, 165, 250, 0.03); --ambient-3: rgba(30, 74, 138, 0.02);
  --nav-bg: rgba(240, 247, 255, 0.9); --nav-bg-mobile: rgba(240, 247, 255, 0.98);
  --tag-bg: rgba(59, 130, 246, 0.08); --tag-bg-hover: rgba(59, 130, 246, 0.05); --tag-bg-2: rgba(59, 130, 246, 0.06);
  --tag-border: rgba(59, 130, 246, 0.2); --input-bg: rgba(255, 255, 255, 0.95);
  --hero-text: #ffffff; --hero-text-secondary: #dbeafe; --hero-badge-text: #93c5fd;
  --hero-heading-from: #ffffff; --hero-heading-to: #93c5fd;
  --hero-overlay: linear-gradient(135deg, rgba(20,12,40,0.55) 0%, rgba(30,20,50,0.45) 50%, rgba(20,12,40,0.55) 100%);
  --btn-secondary-text: #ffffff; --btn-secondary-border: rgba(255, 255, 255, 0.4);
}