:root {
    /* Primary Color Palette - Lighter for better readability */
    --primary-color: #4a6fa5;
    --primary-light: #5a7fb8;
    --primary-dark: #3a5f95;
    
    --secondary-color: #3498db;
    --secondary-light: #5dade2;
    --secondary-dark: #2980b9;
    
    /* Semantic Colors - Improved contrast */
    --success-color: #28a745;
    --success-light: #34ce57;
    --success-dark: #1e7e34;
    
    --warning-color: #ffc107;
    --warning-light: #ffcd39;
    --warning-dark: #d39e00;
    
    --danger-color: #dc3545;
    --danger-light: #e4606d;
    --danger-dark: #bd2130;
    
    --info-color: #17a2b8;
    --info-light: #3fc5d8;
    --info-dark: #117a8b;
    
    /* Neutral Colors - Better contrast */
    --light-bg: #f8f9fa;
    --light-gray: #e9ecef;
    --medium-gray: #6c757d;
    --dark-gray: #343a40;
    --white: #ffffff;
    --black: #212529;
    
    /* Status Colors */
    --status-current: var(--success-color);
    --status-behind: var(--danger-color);
    --status-completed: var(--secondary-color);
    --status-unknown: var(--medium-gray);
    
    /* Severity Colors - Lighter backgrounds */
    --severity-critical: #fff5f5;
    --severity-critical-border: var(--danger-color);
    --severity-warning: #fffbf0;
    --severity-warning-border: var(--warning-color);
    --severity-info: #f0f9ff;
    --severity-info-border: var(--secondary-color);
    
    /* Typography */
    --font-family-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-family-mono: 'Courier New', Courier, monospace;
    
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-pill: 25px;
    --radius-circle: 50%;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
    --shadow-md: 0 2px 6px rgba(0,0,0,0.1);
    --shadow-lg: 0 4px 12px rgba(0,0,0,0.15);
    --shadow-xl: 0 8px 20px rgba(0,0,0,0.2);
    
    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.2s ease;
    --transition-slow: 0.3s ease;
    
    /* Z-Index Scale */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-toast: 1080;
    
    /* Gradients */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    --gradient-success: linear-gradient(135deg, var(--success-color), var(--success-light));
    --gradient-warning: linear-gradient(135deg, var(--warning-color), var(--warning-light));
    --gradient-danger: linear-gradient(135deg, var(--danger-color), var(--danger-light));
    --gradient-metric: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-subtle: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* Text Color Utilities for Better Contrast */
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-success { color: var(--success-dark) !important; }
.text-warning { color: var(--warning-dark) !important; }
.text-danger { color: var(--danger-color) !important; }
.text-info { color: var(--info-dark) !important; }
.text-light { color: var(--medium-gray) !important; }
.text-dark { color: var(--dark-gray) !important; }