:root {

      /* Modern Vibrant Color Palette - Yellow & Blue */
      --primary: #3b82f6;
      --primary-hover: #2563eb;
      --primary-light: #60a5fa;
      --accent: #fbbf24;
      --accent-hover: #f59e0b;
      --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);
      --gradient-accent: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
      --gradient-success: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
      
      /* Text Colors */
      --text: #0f172a;
      --text-secondary: #475569;
      --text-light: #94a3b8;
      --text-muted: #cbd5e1;
      
      /* Background Colors */
      --bg: #ffffff;
      --bg-secondary: #f8fafc;
      --bg-tertiary: #f1f5f9;
      --bg-hover: rgba(59, 130, 246, 0.08);
      --bg-glass: rgba(255, 255, 255, 0.7);
      --bg-glass-dark: rgba(15, 23, 42, 0.7);
      
      /* Border & Shadow */
      --border: rgba(226, 232, 240, 0.8);
      --border-light: rgba(226, 232, 240, 0.5);
      --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);
      
      /* Status Colors */
      --success: #3b82f6;
      --success-light: rgba(59, 130, 246, 0.1);
      --warning: #f59e0b;
      --warning-light: rgba(245, 158, 11, 0.1);
      --error: #ef4444;
      --error-light: rgba(239, 68, 68, 0.1);
      --info: #3b82f6;
      --info-light: rgba(59, 130, 246, 0.1);
      
      /* Layout */
      --sidebar-width: 220px;
      --sidebar-collapsed-width: 60px;
      --radius-sm: 8px;
      --radius: 12px;
      --radius-lg: 16px;
      --radius-xl: 24px;
      
      /* Transitions */
      --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    
}