.bg-brand {
  background-color: #ee7e2d !important;
}


.bg-accent {
  background-color: #fff7f1 !important;
}

.btn-brand {
  background-color: #ee7e2d;
  /* ваш оранжевый */
  color: white;
  border: none;
}

.btn-brand:hover {
  color: white;
  background-color: #e86b00;
  /* чуть темнее при наведении */
}


/*ссылки в блоке меню*/
.custom-hover a {
  text-decoration: none;
  color: inherit;
  /* наследует цвет текста li */
  display: block;
  /* чтобы ссылка занимала всю ширину li */
  width: 100%;
}

/* Меняем фон всей строки при наведении */
.custom-hover:hover {
  background-color:  #e86b00;
  /* можно выбрать любой цвет */
  cursor: pointer;
}

.custom-hover:hover a {
    color: #fff; /* текст станет белым на оранжевом фоне */
}