/* 
  Defina aqui a cor vermelha principal da sua identidade visual.
  Substitua #c00 pelo código hexadecimal correto.
*/
:root {
  --brand-red: #c00;
  --brand-red-light: #f9e6e6; /* Um tom de vermelho claro para o fundo */
}

.thead-brand-red {
  background-color: var(--brand-red);
  color: white;
}

.bg-brand-red {
  background-color: var(--brand-red);
}

/* --- Estilos do Acordeão --- */

/* Cor do botão do acordeão quando o painel está aberto */
.accordion-button:not(.collapsed) {
  color: var(--brand-red);
  background-color: var(--brand-red-light);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

/* Cor do ícone de seta quando o painel está aberto */
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Cor da "borda" de foco ao clicar no botão */
.accordion-button:focus {
  border-color: var(--brand-red-light);
  box-shadow: 0 0 0 0.25rem rgba(192, 0, 0, 0.25);
}