/* css styles */
/* ===== Light mode ===== */
.navbar {
  background-color: #ffffff !important;
}

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

.navbar .nav-link:hover {
  color: #000 !important;
}

/* ===== Dark mode ===== */
[data-bs-theme="dark"] .navbar {
  background-color: #111111 !important;
}

[data-bs-theme="dark"] .navbar .navbar-brand,
[data-bs-theme="dark"] .navbar .nav-link {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .navbar .nav-link:hover {
  color: #ffffff !important;
}