/* Your custom CSS goes here */

:root {
    --bs-primary: #2196F3;
    --bs-primary-rgb: 33, 150, 243;
}

body {
    background-color: #F8F9FA;
}

.btn-primary {
    --bs-btn-bg: #2196F3;
    --bs-btn-border-color: #2196F3;
    --bs-btn-hover-bg: #1a78c2;
    --bs-btn-hover-border-color: #1a78c2;
}

.kpi-card .card-body {
    text-align: center;
}

.kpi-card h5 {
    font-size: 1.1rem;
    color: #6c757d;
}

.kpi-card .display-4 {
    font-weight: 700;
    color: #343A40;
}