/* Força a aba ativa a usar a variável de cor dinâmica */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important; /* Garante texto branco para contraste */
}

/* Opcional: Muda a cor do texto das abas inativas para a cor primária ao passar o mouse */
.nav-pills .nav-link:not(.active):hover {
    color: var(--bs-primary);
}

/* Opcional: Define a cor padrão do texto das abas inativas (ex: cinza ou cor secundária) */
.nav-pills .nav-link {
    color: #6c757d; /* ou var(--bs-secondary) */
}

.btn-primary, .btn-outline-primary:hover{
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary{
    border-color: var(--bs-primary) !important;
}

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