/* Put the gradient on the header itself */
header[data-bs-theme="dark"] {
  --header-gradient: linear-gradient(to bottom, #8C9FBD, #456478);
  background: var(--header-gradient);
}

/* Make inner dark sections transparent so the header's gradient shows once */
header[data-bs-theme="dark"] .text-bg-dark,
header[data-bs-theme="dark"] .bg-dark,
header[data-bs-theme="dark"] .navbar {
  background-color: transparent !important;
  background-image: none !important;
}

/* Keep readable text colors for the collapse area */
header[data-bs-theme="dark"] .text-bg-dark {
  color: var(--bs-light);
}

footer a {
	color: #8C9FBD !important;
}