/* White header for Material (light scheme only) */

/* Override for white header across schemes and variants */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  /* Header background (primary foreground) */
  --md-primary-fg-color: #ffffff;
  /* Variants some components may reference */
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark: #ffffff;
  /* Text/icons on header */
  --md-primary-bg-color: #0f172a; /* deep slate for contrast */
  /* Accent (focus, links, search) */
  --md-accent-fg-color: #2563eb;
}

/* Keep navigation tabs bar blue while header is white */
.md-tabs {
  background-color: var(--md-accent-fg-color);
}
.md-tabs__list { /* ensure no override from header */
  background: transparent;
}
.md-tabs__link {
  color: #ffffff;
}
.md-tabs__item--active .md-tabs__link,
.md-tabs__link:focus,
.md-tabs__link:hover {
  color: #ffffff;
  opacity: 1;
}

/* Enlarge logo to 68x48 in header */
.md-header__button.md-logo svg,
.md-header__button.md-logo img {
  height: 48px;
  width: 68px;
}
.md-header__button.md-logo {
  margin-right: 0.25rem;
}

/* Slightly translucent header background so content is visible underneath */
.md-header {
  background-color: rgba(255, 255, 255, 0.88) !important; /* white with alpha */
  /* Optional: subtle glass effect; remove if undesired */
  backdrop-filter: saturate(140%) blur(6px);
}