/* Navy marlin on the light header/drawer, white marlin on the dark one.
 * The <img> stays in place (hidden, not removed) so it keeps sizing the box;
 * content-box keeps the swapped-in image off the button padding. */
.md-logo {
  background: center / contain no-repeat url("../assets/images/marlin-light.svg");
  background-origin: content-box;
  background-clip: content-box;
}

[data-md-color-scheme="slate"] .md-logo {
  background-image: url("../assets/images/marlin.svg");
}

.md-logo img,
.md-logo svg {
  visibility: hidden;
}