:root {
    --wf-tab-active: var(--bs-primary);
}

.nav-tabs .nav-link {
    border-bottom: 2px solid transparent;
    color: var(--bs-body-color);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: var(--bs-primary);
    border-color: transparent transparent var(--bs-primary);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-primary);
    border-color: transparent transparent var(--bs-primary);
    background-color: transparent;
    font-weight: 600;
}

.nav-pills .nav-link {
    color: var(--bs-body-color);
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    color: var(--bs-primary);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--bs-primary);
    color: #fff;
}

.btn.workforce-logout-btn {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
    background-color: transparent;
}

.btn.workforce-logout-btn:hover,
.btn.workforce-logout-btn:focus {
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

[data-bs-theme="dark"] .btn.workforce-logout-btn {
    color: var(--bs-primary);
}