:root {
  /* Editorial Modern Light Palette (Inspired by Reference Design) */
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fc;
  --bg-tertiary: #f1f3f9;
  --bg-card: #ffffff;
  --bg-card-hover: #fafaff;
  --bg-card-elevated: #ffffff;
  
  /* Lilac & Purple Accent Spectrum */
  --accent-purple: #7c3aed;
  --accent-purple-hover: #6d28d9;
  --accent-purple-light: #a78bfa;
  --accent-lavender: #ddd6fe;
  --accent-lavender-soft: #ede9fe;
  --accent-lavender-subtle: #f5f3ff;
  
  /* Pastel Warm & Vibrant Accents */
  --accent-yellow-soft: #fef08a;
  --accent-peach-soft: #fed7aa;
  --accent-emerald: #10b981;
  --accent-blue: #3b82f6;

  /* Contrast Dark Theme (For Special Banners & Footer) */
  --bg-dark: #12141d;
  --bg-dark-secondary: #1a1e2b;
  --bg-dark-card: #222738;
  --text-dark-primary: #f8fafc;
  --text-dark-secondary: #94a3b8;

  /* Typography Colors */
  --text-primary: #111827;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --text-purple: #7c3aed;
  --text-white: #ffffff;

  /* Borders & Dividers */
  --border-subtle: rgba(124, 58, 237, 0.12);
  --border-light: #e5e7eb;
  --border-purple: #c4b5fd;
  --border-active: #7c3aed;

  /* Shadows & Glows */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 6px rgba(124, 58, 237, 0.05);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 16px 36px rgba(15, 23, 42, 0.08);
  --shadow-purple: 0 8px 25px rgba(124, 58, 237, 0.25);
  --shadow-purple-lg: 0 14px 34px rgba(124, 58, 237, 0.32);

  /* Gradients */
  --gradient-purple: linear-gradient(135deg, #7c3aed 0%, #9333ea 100%);
  --gradient-purple-soft: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
  --gradient-lavender-banner: linear-gradient(135deg, #c4b5fd 0%, #a78bfa 50%, #8b5cf6 100%);
  --gradient-warm-glow: radial-gradient(circle, rgba(254, 240, 138, 0.4) 0%, rgba(254, 215, 170, 0.2) 60%, transparent 80%);

  /* Typography Fonts */
  --font-heading: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Layout & Sizing */
  --max-width: 1200px;
  --header-height: 76px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}