/* MobiCare-inspired brand (maroon primary) — must load after theme/style/bootstrap */
:root {
    --primary-clr: #8b1538;
    --base-clr: #8b1538;
    --theameColor: #8b1538;
    --base: #8b1538;
    --primary: #8b1538;
    --bs-primary: #8b1538;
    --bs-primary-rgb: 139, 21, 56;
    --info-clr: #41c4f4;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary:disabled,
.show > .btn-primary.dropdown-toggle {
    background-color: #8b1538 !important;
    border-color: #8b1538 !important;
    color: #fff !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(139, 21, 56, 0.35) !important;
}

.btn-outline-primary {
    color: #8b1538 !important;
    border-color: #8b1538 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #8b1538 !important;
    border-color: #8b1538 !important;
    color: #fff !important;
}

.auth-wrapper .btn-primary,
.auth-wrapper .btn-primary:hover,
.auth-wrapper .btn-primary:focus {
    background: #8b1538 !important;
    border-color: #8b1538 !important;
}

.auth-wrapper .form-control:focus,
.auth-wrapper .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #8b1538 !important;
    box-shadow: 0 0 0 0.2rem rgba(139, 21, 56, 0.2) !important;
}

.auth-wrapper .toggle-login a,
.auth-wrapper .signin-txt a {
    color: #8b1538 !important;
}

.text--primary,
.text--primary-2,
.text-primary {
    color: #8b1538 !important;
}

.bg-primary {
    background-color: #8b1538 !important;
}

.border-primary {
    border-color: #8b1538 !important;
}

.navbar-brand-wrapper {
    background: #f8eef1 !important;
}

/* Public landing page (localhost/ntumwa/dashboard/) */
:root {
    --base-1: #8b1538;
    --base-rgb: 139, 21, 56;
}

.btn-base::before,
.btn-base::after {
    background: linear-gradient(90.07deg, rgba(139, 21, 56, 0.7) -2.32%, #8b1538 99.95%) !important;
}