:root {
  --clr-white: #ffffff;
  --clr-bg: #fcf9ff;
  --clr-bg-alt: #f8f3ff;
  --clr-pastel-lavender: #e8dff5;
  --clr-pastel-rose: #fce4ec;
  --clr-pastel-peach: #fff0e6;
  --clr-pastel-mint: #e0f5ec;
  --clr-pastel-sky: #e0f0ff;
  --clr-pastel-yellow: #fff8e1;
  --clr-primary: #8b5cf6;
  --clr-primary-dark: #7c3aed;
  --clr-primary-light: #a78bfa;
  --clr-secondary: #ec4899;
  --clr-accent: #06b6d4;
  --clr-gradient-1: #8b5cf6;
  --clr-gradient-2: #ec4899;
  --clr-gradient-3: #06b6d4;
  --clr-text: #1e1b2e;
  --clr-text-light: #6b6580;
  --clr-text-muted: #9b95b0;
  --clr-border: #e8e0f0;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --shadow-sm: 0 1px 3px rgba(139, 92, 246, 0.08);
  --shadow-md: 0 4px 20px rgba(139, 92, 246, 0.12);
  --shadow-lg: 0 12px 40px rgba(139, 92, 246, 0.15);
  --shadow-xl: 0 24px 60px rgba(139, 92, 246, 0.18);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  --max-width: 1200px;
}