/* White header (light mode) */
[data-md-color-scheme="default"] .md-header {
  background-color: #ffffff;
  color: #000000;
}

/* Dark header (dark mode) */
[data-md-color-scheme="slate"] .md-header {
  background-color: #1e1e1e;
  color: #ffffff;
}

/* Header logo: match theme computed size (300×100 image → 26.4×79.2 at 3:1) */
.md-header__button.md-logo img {
  height: 26.4px !important;
  width: 79.2px !important;
  object-fit: contain;
}

/* Invert logo in dark mode so black background becomes white */
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  filter: invert(1);
}

/* Footer logo: same size as header, reduced opacity */
.md-footer-custom img {
  height: 26.4px !important;
  width: 79.2px !important;
  max-width: 79.2px !important;
  object-fit: contain;
  opacity: 0.35;
  vertical-align: middle;
}