// Enterprise-Grade Color Palette
$primary-blue: #0066cc;
$primary-blue-dark: #0052a3;
$primary-blue-light: #e6f2ff;
$primary-blue-lighter: #f0f7ff;
$accent-teal: #0099a1;
$accent-teal-light: #00c4ce;
$text-dark: #0f172a;
$text-medium: #475569;
$text-light: #64748b;
$text-lighter: #94a3b8;
$border-color: #e2e8f0;
$border-color-light: #f1f5f9;
$border-focus: #0066cc;
$error-red: #dc2626;
$error-red-dark: #b91c1c;
$error-bg: #fef2f2;
$error-border: #fecaca;
$success-green: #10b981;
$success-green-dark: #059669;
$success-bg: #d1fae5;
$warning-orange: #f59e0b;
$info-blue: #3b82f6;
$white: #ffffff;
$background-light: #f8fafc;
$background-elevated: #ffffff;
$gradient-primary: linear-gradient(135deg, #0066cc 0%, #0099a1 100%);
$gradient-primary-hover: linear-gradient(135deg, #0052a3 0%, #007a82 100%);
$gradient-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
$gradient-bg-alt: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);

// Enterprise Shadow System
$shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
$shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
$shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
$shadow-blue: 0 10px 25px -5px rgba(0, 102, 204, 0.25);
$shadow-blue-lg: 0 20px 40px -10px rgba(0, 102, 204, 0.3);

// Typography
$font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

