/* CSS Variables - Premium Professional Palette */
:root {
  /* Premium Color System */
  --primary-color: #3b82f6;
  --primary-dark: #2563eb;
  --primary-darker: #1e40af;
  --primary-light: #60a5fa;
  --accent-color: #14b8a6;
  --accent-dark: #0d9488;
  --accent-light: #2dd4bf;
  
  --text-dark: #0f172a;
  --text-gray: #475569;
  --text-light: #ffffff;
  
  --bg-white: #ffffff;
  --bg-light: #f8fafc;
  --bg-lighter: #f1f5f9;
  --bg-dark: #0f172a;
  
  /* Premium Gradients */
  --bg-gradient: linear-gradient(135deg, #3b82f6 0%, #14b8a6 100%);
  --bg-gradient-alt: linear-gradient(135deg, #2563eb 0%, #0d9488 100%);
  --bg-gradient-premium: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  
  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.95);
  --glass-border: rgba(255, 255, 255, 0.18);
  
  /* Spacing */
  --sidebar-width: 280px;
  --border-radius: 16px;
  --border-radius-lg: 20px;
  --border-radius-xl: 24px;
  
  /* Premium Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.16);
  --shadow-premium: 0 32px 64px rgba(59, 130, 246, 0.2);
  
  /* Premium Glow Effects */
  --glow-primary: 0 0 30px rgba(59, 130, 246, 0.4);
  --glow-accent: 0 0 30px rgba(20, 184, 166, 0.4);
  
  /* Smooth Transitions */
  --transition-speed: 0.4s;
  --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Professional Typography System */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Fira Code', 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
}