:root,
[data-bs-theme=light] {
  --ds-body-bg: var(--bs-tertiary-bg);
  --ds-surface-bg: var(--bs-body-bg);
  --ds-content-bg: var(--ds-surface-bg);
  --ds-nanobar-bg: #dee2e6;
}

[data-bs-theme=dark] {
  --ds-body-bg: var(--bs-dark-bg-subtle);
  --ds-surface-bg: var(--bs-body-bg);
  --ds-content-bg: var(--ds-surface-bg);
  --ds-nanobar-bg: #6c757d;
}

body {
  background-color: var(--ds-body-bg);
}

.nanobar .bar {
  background-color: var(--ds-nanobar-bg);
}

.navbar-nav-breadcrumb .nav-link {
  margin-right: 0.125rem;
  margin-left: 0.5rem;
}
.navbar-nav-breadcrumb li + li:before {
  font-family: "Font Awesome 7 Free";
  font-weight: 600;
  content: "\f105";
  position: absolute;
  top: 1.25rem;
  font-size: 0.875rem;
  opacity: 0.2;
}

.custom-dropdown .dropdown-toggle,
.theme-switcher.nav-link {
  --bs-btn-color: var(--bs-navbar-color);
  --bs-btn-hover-color: var(--bs-navbar-hover-color);
  --bs-btn-active-color: var(--bs-navbar-hover-color);
  color: var(--bs-navbar-color);
}
.custom-dropdown .dropdown-toggle:hover, .custom-dropdown .dropdown-toggle:focus, .custom-dropdown .dropdown-toggle:active, .custom-dropdown .dropdown-toggle.active, .custom-dropdown .dropdown-toggle:focus-visible,
.theme-switcher.nav-link:hover,
.theme-switcher.nav-link:focus,
.theme-switcher.nav-link:active,
.theme-switcher.nav-link.active,
.theme-switcher.nav-link:focus-visible {
  color: var(--bs-navbar-hover-color);
  box-shadow: none;
}

.custom-dropdown .dropdown-item:active, .custom-dropdown .dropdown-item.active {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.custom-dropdown .dropdown-item.current {
  font-weight: 600;
}

.content-box {
  padding: 1.25rem;
  color: var(--bs-body-color);
  background-color: var(--ds-content-bg);
  border-radius: var(--bs-border-radius);
}
.content-box.bg-white {
  background-color: var(--ds-content-bg) !important;
}