:root {
    /* Corporate Blue-Gray Theme Colors */
    --bg-primary: #f8fafc;
    --bg-secondary: #f1f5f9;
    --bg-tertiary: #ffffff;
    --bg-quaternary: #e2e8f0;
    
    --text-primary: #1f2937;
    --text-secondary: #374151;
    --text-muted: #6b7280;
    --text-inverse: #ffffff;
    
    --navy-primary: #1e3a8a;
    --navy-secondary: #1e40af;
    --navy-dark: #1d4ed8;
    --steel-gray: #64748b;
    --steel-light: #94a3b8;
    --steel-dark: #475569;
    
    --accent-blue: #1e40af;
    --accent-blue-light: #3b82f6;
    --accent-green: #059669;
    --accent-orange: #f59e0b;
    --accent-red: #dc2626;
    --accent-slate: #64748b;
    
    /* Core brand gradients - Corporate Theme */
    --primary-gradient: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    --secondary-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --success-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);
    --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --info-gradient: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --dark-gradient: linear-gradient(135deg, #374151 0%, #1f2937 100%);
    --danger-gradient: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    
    /* Professional gradients - Corporate variations */
    --executive-gradient: linear-gradient(135deg, #1e3a8a 0%, #312e81 100%);
    --steel-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --slate-gradient: linear-gradient(135deg, #475569 0%, #334155 100%);
    --emerald-gradient: linear-gradient(135deg, #059669 0%, #047857 100%);
    --amber-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --professional-gradient: linear-gradient(135deg, #1e40af 0%, #64748b 100%);
    
    /* Glass morphism effects - Corporate theme */
    --glass-bg: rgba(255, 255, 255, 0.95);
    --glass-border: rgba(30, 58, 138, 0.15);
    --glass-shadow: 0 8px 32px 0 rgba(30, 58, 138, 0.12);
    
    /* Enhanced shadows - Corporate theme */
    --card-shadow: 0 10px 30px 0 rgba(30, 58, 138, 0.08);
    --card-hover-shadow: 0 20px 40px 0 rgba(30, 58, 138, 0.12);
    --neon-shadow: 0 0 20px rgba(30, 64, 175, 0.3);
    
    /* Professional accent colors */
    --professional-blue: #1e40af;
    --professional-green: #059669;
    --professional-orange: #f59e0b;
    --professional-slate: #64748b;
}