/* Logo theme switching based on color scheme */
/* Light mode - use colored logo with gradients */
[data-md-color-scheme="default"] .md-header__button.md-logo img,
[data-md-color-scheme="default"] .md-header__button.md-logo svg {
  content: url("../bitonic-logo.svg");
}

/* Dark mode - use white logo for better visibility */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  content: url("../bitonic-logo-dark.svg");
}

/* Ensure logo maintains aspect ratio and proper sizing */
.md-header__button.md-logo {
  padding: 0.4rem 0;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: auto;
  height: 2.4rem;
  max-width: 200px;
  display: block;
}