/* 🎨 CSS Variables - Premium Design System */
:root {
  /* Vibrant Color Palette */
  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  --gradient-accent: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  --gradient-purple: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  --gradient-orange: linear-gradient(135deg, #ff9a56 0%, #ff6a88 100%);
  --gradient-green: linear-gradient(135deg, #52fa5a 0%, #4facfe 100%);
  --gradient-blue: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
  --gradient-cyan: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%);
  --gradient-yellow: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);

  /* Background Levels - Light & Clean for Dark Text */
  --bg-main: #f0f2f5;
  --bg-primary: #f7fafc;
  --bg-secondary: #edf2f7;
  --bg-white: #ffffff;
  --bg-card: rgba(255, 255, 255, 0.98);
  --bg-glass: rgba(255, 255, 255, 0.9);
  --bg-glass-dark: rgba(0, 0, 0, 0.05);

  /* Solid Colors */
  --primary-500: #667eea;
  --primary-600: #5568d3;
  --primary-700: #4453bc;
  --accent-500: #f5576c;
  --accent-600: #e04357;
  --success-500: #00f2fe;
  --success-600: #00d8e4;
  --warning-500: #fee140;
  --warning-600: #e5c82a;

  /* Text Colors - Darker for Professionalism */
  --text-primary: #000000;
  --text-secondary: #2d3748;
  --text-muted: #4a5568;
  --text-light: #718096;
  --text-white: #ffffff;
  --text-gradient: linear-gradient(135deg, #000000 0%, #333333 100%);

  /* Background Colors */
  --bg-primary: #f7fafc;
  --bg-secondary: #edf2f7;
  --bg-white: #ffffff;
  --bg-overlay: rgba(0, 0, 0, 0.5);

  /* Spacing System - Tightened for Professionalism */
  --space-0: 0;
  --space-1: 0.125rem;
  /* 2px */
  --space-2: 0.25rem;
  /* 4px */
  --space-3: 0.5rem;
  /* 8px */
  --space-4: 0.75rem;
  /* 12px */
  --space-5: 1rem;
  /* 16px */
  --space-6: 1.25rem;
  /* 20px */
  --space-8: 1.5rem;
  /* 24px */
  --space-10: 2rem;
  /* 32px */
  --space-12: 2.5rem;
  /* 40px */
  --space-16: 3rem;
  /* 48px */

  /* Border Radius - Refined */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-2xl: 16px;
  --radius-full: 9999px;

  /* Typography - Professional Scale */
  --font-primary: 'Inter', 'Noto Sans Devanagari', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-secondary: 'Inter', sans-serif;

  --font-xs: 0.7rem;
  /* 11.2px */
  --font-sm: 0.8rem;
  /* 12.8px */
  --font-base: 0.9rem;
  /* 14.4px - Professional standard */
  --font-lg: 1rem;
  /* 16px */
  --font-xl: 1.15rem;
  /* 18.4px */
  --font-2xl: 1.4rem;
  /* 22.4px */
  --font-3xl: 1.75rem;
  /* 28px */
  --font-4xl: 2.1rem;
  /* 33.6px */
  --font-5xl: 2.8rem;
  /* 44.8px */

  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;

  /* Line Heights */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);

  /* Z-Index Layers */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 300;
  --z-tooltip: 400;

  /* Breakpoints (for reference in JS) */
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
}

/* Dark Mode Support Disabled to maintain Dark Font theme */