/* Skeleton Loading Animations */

.shimmer {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .shimmer {
    background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%);
    background-size: 200% 100%;
  }
}

/* Skeleton base styles */
.book-skeleton {
  position: relative;
  overflow: hidden;
}

.content-card-skeleton {
  position: relative;
  overflow: hidden;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .shimmer {
    animation: none;
    background: #e0e0e0;
  }
  
  @media (prefers-color-scheme: dark) {
    .shimmer {
      background: #3a3a3a;
    }
  }
}