/* Site-wide dark-mode overrides for hardcoded light utility classes.
   Loaded after Bootstrap so these rules win. */

/* The navbar is markup-tagged bg-white; in dark mode follow the body. */
[data-bs-theme="dark"] .navbar.bg-white {
  background-color: var(--bs-body-bg) !important;
}

/* bg-light blocks (e.g. inline code/pre panels) in dark mode. */
[data-bs-theme="dark"] .bg-light {
  background-color: #2b3035 !important;
  color: var(--bs-body-color) !important;
}

/* Dashboard iframe wrappers use an inline light border; soften in dark mode. */
[data-bs-theme="dark"] main iframe {
  background-color: #fff; /* keep stlite dashboards legible inside the frame */
}

/* Theme toggle button sits in the navbar as a borderless nav-link. */
.theme-toggle {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
}