:root {
        --primary-color: #2563eb;
        --primary-dark: #1d4ed8;
        --primary-light: #3b82f6;
        --secondary-color: #64748b;
        --accent-color: #f59e0b;
    }
    
    body {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    }
    
    .navbar {
        background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    }
    
    .home-banner {
        background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%) !important;
        box-shadow: 0 4px 24px #2563eb20 !important;
    }
    
    .btn-primary, .btn-lg.btn-primary {
        background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%) !important;
        box-shadow: 0 2px 8px #2563eb20 !important;
    }
    
    .btn-primary:hover, .btn-lg.btn-primary:hover {
        box-shadow: 0 6px 24px #2563eb30 !important;
    }
    
    .card-header.bg-primary {
        background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%) !important;
    }
    
    .dashboard-card--blue {
        background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%) !important;
        box-shadow: 0 4px 24px #2563eb20 !important;
    }