:root {
  --primary: #6699FF;
  --primary-dark: #4477DD;
  --primary-light: #88BBFF;
  --secondary: #F88229;
  --secondary-dark: #D66A15;
  --secondary-light: #FFA05C;
  --accent: #FFCC00;
  --accent-dark: #E0B300;
  --dark: #1A1A2E;
  --dark-soft: #2D2D44;
  --white: #FFFFFF;
  --gray-50: #F8F9FC;
  --gray-100: #F1F3F8;
  --gray-200: #E2E6EF;
  --gray-300: #C8CDD9;
  --gray-400: #9CA3B0;
  --gray-500: #6B7280;
  --gray-600: #4B5563;
  --success: #10B981;
  --danger: #EF4444;
  --warning: #F59E0B;
  --info: #3B82F6;
  --font-heading: 'Nunito', sans-serif;
  --font-body: 'Montserrat', sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(26,26,46,0.08);
  --shadow-md: 0 4px 12px rgba(26,26,46,0.1);
  --shadow-lg: 0 8px 30px rgba(26,26,46,0.12);
  --shadow-xl: 0 16px 48px rgba(26,26,46,0.16);
  --shadow-glow: 0 0 30px rgba(102,153,255,0.3);
  --transition-fast: 0.2s cubic-bezier(0.4,0,0.2,1);
  --transition-base: 0.3s cubic-bezier(0.4,0,0.2,1);
  --transition-slow: 0.5s cubic-bezier(0.4,0,0.2,1);
  --transition-spring: 0.6s cubic-bezier(0.34,1.56,0.64,1);
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1200px;
  --container-2xl: 1400px;
}