/* Componentes do Bootstrap 5.3.8 cujas cores vêm de variáveis próprias (não leem --bs-primary).
   Aqui recebem a primária do tema; o resto do Bootstrap fica como está. */

/* O vermelho padrão do Bootstrap (#dc3545) dá 4,14:1 sobre o fundo cinza da página; este dá mais de 4,5:1 */
.btn-outline-danger {
  --bs-btn-color: #b02a37;
  --bs-btn-border-color: #b02a37;
  --bs-btn-hover-bg: #b02a37;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #b02a37;
}

/* O cinza padrão do Bootstrap (#6c757d) dá 4,29:1 sobre o fundo cinza da página ("Limpar filtros", "Cancelar" fora de um cartão); este dá mais de 4,5:1 */
.btn-outline-secondary {
  --bs-btn-color: #4a5568;
  --bs-btn-border-color: #4a5568;
  --bs-btn-hover-bg: #4a5568;
  --bs-btn-hover-border-color: #4a5568;
  --bs-btn-active-bg: #4a5568;
  --bs-btn-active-border-color: #4a5568;
}

.card {
  --bs-card-bg: #fff;
  --bs-card-border-color: var(--bs-border-color);
  --bs-card-border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--bs-box-shadow);
}

.form-control, .form-select {
  background-color: #fff;
}

.form-control:focus, .form-select:focus {
  border-color: var(--bs-primary);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

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

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.list-group {
  --bs-list-group-active-bg: var(--bs-primary);
  --bs-list-group-active-border-color: var(--bs-primary);
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

.progress {
  --bs-progress-bar-bg: var(--bs-primary);
}