:root {
  --bg-orange-color: #ff6400;
  --bg-dark-orange-color: #e25a00;
  --bs-primary: #ff6400;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 90%, black);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 90%, black);
  --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 75%, black);
  --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 90%, black);
}

.bg-orange {
  background-color: var(--bg-orange-color) !important;
}

.bg-orange .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: large;
  font-weight: bold;
  transition: color 0.3s;
}

.bg-orange .navbar-nav .nav-link:hover {
  color: white !important;
}

.brand-background {
  background-color: white;
  border-radius: 5px;
  padding: 5px;
}