/* Example: Dark blue navbar and custom button color */
.navbar {
  background-color: #2D3E50 !important; /* Your brand color */
}

.navbar .nav-link,
.navbar-brand {
  color: #FFFFFF !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #ffcc00 !important; /* Accent color */
}

.btn-outline-light {
  border-color: #ffcc00 !important;
  color: #ffcc00 !important;
}

.btn-outline-light:hover {
  background-color: #ffcc00 !important;
  color: #000000 !important;
}

/* Footer */
footer.bg-primary  {
  background-color: #2D3E50 !important;
  color: #ffffff !important;
  font-size: 0.875rem; /* slightly smaller (14px) */
  padding: 0.75rem 0;  /* less vertical padding if you prefer a tighter footer */  
}

footer small {
  font-size: 0.7rem;
  color: #ffffff;
}