:root {
    --bs-primary: #00a091;
    --bs-secondary: #003641;
    --menu-bg-color: #003641;
    --menu-text-color: #f5f4f4;

}

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

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

.bg-primary-subtle { background-color: var(--bs-primary) !important; }
.bg-secondary-subtle { background-color: var(--bs-secondary) !important; }

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

.vertical-menu {
    background-color: var(--menu-bg-color, #343a40)!important;
}


.navbar-brand-box{
    background-color: var(--menu-bg-color, #343a40)!important;
}

.vertical-menu .metismenu li > a {
    color: var(--menu-text-color) !important;
}

.cell {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}

.accordion-button, accordion-item {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.btn-outline-success {
    color: var(--bs-secondary);
    border: 1px solid var(--bs-secondary);
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    color: #fff;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-outline-success:disabled {
    color: #fff;
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    opacity: 0.65;
}

/* (idem para outras classes como .btn-success etc.) */