:root {
  --primary: #3b82f6;
  --primary-light: #60a5fa;
  --primary-dark: #2563eb;
  --secondary: #8b5cf6;
  --accent: #06b6d4;
  --accent-light: #22d3ee;
  --light: #f8fafc;
  --light-gray: #f1f5f9;
  --medium-gray: #e2e8f0;
  --dark-gray: #64748b;
  --dark: #1e293b;
  --accent-color: #1e40af;
  --gradient-primary: linear-gradient(135deg, #3b82f6, #8b5cf6);
  --gradient-accent: linear-gradient(135deg, #06b6d4, #3b82f6);
  --gradient-light: linear-gradient(135deg, #f8fafc, #e2e8f0);
  --shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 30px 60px rgba(0, 0, 0, 0.12);
  --shadow-light: 0 10px 20px rgba(0, 0, 0, 0.05);
  --border-radius: 20px;
  --border-radius-lg: 30px;
  --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);
  --transition-fast: all 0.25s ease;
}