:root {
    /* Base Colors - Clean Blue & White Theme */
    --primary-50: #E3F2FD; /* Lightest Blue */
    --primary-100: #BBDEFB;
    --primary-500: #2196F3; /* Material Blue 500 */
    --primary-600: #1976D2; /* Hover */
    --primary-700: #1565C0; /* Active */
    
    --success-500: #4CAF50; /* Green */
    --warning-500: #FFC107; /* Amber */
    --danger-500: #F44336; /* Red */
    
    /* Neutrals - Cleaner Whites/Grays */
    --gray-50: #FAFAFA; /* Almost White */
    --gray-100: #F5F5F5;
    --gray-200: #EEEEEE;
    --gray-500: #9E9E9E;
    --gray-800: #424242;
    --gray-900: #212121;

    /* Semantic Aliases (Light Mode Default) */
    --color-bg-body: #FFFFFF; /* Pure White Body */
    --color-bg-surface: #FFFFFF;
    --color-bg-alt: #F8F9FA; /* Light Gray for sections */
    --color-text-main: var(--gray-900);
    --color-text-muted: var(--gray-500);
    --color-border: #E0E0E0;
    
    /* Effects */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.05);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.05);
    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(255, 255, 255, 0.5);
    --backdrop-blur: blur(16px);

    /* Spacing */
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
}

body {
    background-color: #F8F9FA; /* Light Gray Background to pop white cards */
}

/* Updated Components for Blue/White Theme */
.btn-primary-modern {
    background-color: var(--primary-600); /* Slightly darker blue for better contrast */
    color: white;
    border: none;
    box-shadow: 0 2px 4px rgba(33, 150, 243, 0.2);
}
.btn-primary-modern:hover {
    background-color: var(--primary-700);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3);
}

.glass-header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #E3E3E3;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.card-modern {
    border: 1px solid #EAEAEA;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.card-modern:hover {
    border-color: var(--primary-100);
    box-shadow: 0 8px 16px rgba(33, 150, 243, 0.08);
}