/* Keep dark filled surfaces separate from lighter foreground accents.
   Do not change Bootstrap primary globally: focus rings and controls need contrast. */
:root { --kingdom-brand-surface-rgb: 11, 60, 93; }
[data-bs-theme="dark"] { --kingdom-brand-surface-rgb: 7, 31, 50; }
[data-bs-theme="dark"] .bg-primary {
  background-color: rgba(var(--kingdom-brand-surface-rgb), var(--bs-bg-opacity, 1)) !important;
}
[data-bs-theme="dark"] header.fixed-top {
  background-color: rgb(var(--kingdom-brand-surface-rgb)) !important;
}

[data-bs-theme="dark"] header.fixed-top .navbar-toggler {
  color: #d4e0ed;
  --bs-navbar-color: #d4e0ed;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23d4e0ed' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}