/* Navbar shared styles (Dracula) */
body {
  padding-top: 90px;
}

.navbar {
  background: linear-gradient(90deg, var(--drac-bg2), var(--drac-bg3)) !important;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}


.navbar .navbar-brand, .navbar .nav-link {
  color: var(--drac-fg) !important;
  transition: background 0.2s, color 0.2s;
}

.navbar .nav-link.active {
  background: var(--drac-purple) !important;
  color: #fff !important;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px #0004;
}

.navbar .nav-link:not(.active):hover {
  background: var(--drac-bg3) !important;
  color: var(--drac-cyan) !important;
  border-radius: 0.5rem;
}

.navbar-brand img {
  height: 40px !important;
  width: auto !important;
}