.btn-primary {
    --bs-btn-bg: var(--zz-primary);
    --bs-btn-border-color: var(--zz-primary);
    --bs-btn-hover-bg: var(--zz-primary-dark);
    --bs-btn-hover-border-color: var(--zz-primary-dark);
    --bs-btn-active-bg: var(--zz-primary-dark);
    --bs-btn-active-border-color: var(--zz-primary-dark);
    font-weight: 700;
}

.btn-outline-primary {
    --bs-btn-color: var(--zz-primary);
    --bs-btn-border-color: var(--zz-primary);
    --bs-btn-hover-bg: var(--zz-primary);
    --bs-btn-hover-border-color: var(--zz-primary);
    --bs-btn-active-bg: var(--zz-primary-dark);
    --bs-btn-active-border-color: var(--zz-primary-dark);
    font-weight: 700;
}

.text-primary {
    color: var(--zz-primary) !important;
}

.bg-primary {
    background-color: var(--zz-primary) !important;
}

.form-control,
.form-select {
    border-color: var(--zz-border-strong);
    border-radius: var(--zz-radius-sm);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--zz-primary);
    box-shadow: 0 0 0 0.25rem rgba(30, 91, 184, 0.12);
}

.card {
    border-color: var(--zz-border);
    border-radius: var(--zz-radius-md);
    box-shadow: var(--zz-shadow-sm);
}

.badge.bg-primary {
    background: var(--zz-primary) !important;
}

.badge.bg-warning {
    background: var(--zz-accent) !important;
    color: #fff !important;
}

.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
}

.pagination {
    --bs-pagination-active-bg: var(--zz-primary);
    --bs-pagination-active-border-color: var(--zz-primary);
    --bs-pagination-color: var(--zz-primary);
}