[data-md-color-scheme="slate"] img[src$="#only-light"] {
  display: none;
}
[data-md-color-scheme="slate"] img[src$="#only-dark"] {
  display: inline;
}
[data-md-color-scheme="default"] img[src$="#only-dark"] {
  display: none;
}
[data-md-color-scheme="default"] img[src$="#only-light"] {
  display: inline;
}

@keyframes heart {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}

.heart {
  /* Default state without animation for accessibility */
  transform: scale(1);
}

/* Only animate if user hasn't requested reduced motion */
@media (prefers-reduced-motion: no-preference) {
  .heart {
    animation: heart 1500ms ease-in-out infinite;
  }
}