/*
 * Animations CSS
 *
 * This stylesheet defines reusable animation classes and transitions for the
 * PrimetimePokemon theme. It is intentionally lightweight at this stage to
 * avoid performance degradation and to serve as a placeholder for more
 * sophisticated animations later.
 */

/* Simple hover effect used by buttons */
.btn-hover-effect {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  box-shadow: var(--shadow-sm);
}

.btn-hover-effect:hover,
.btn-hover-effect:focus-visible {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* Reveal animation classes */
[data-reveal] {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.revealed {
  opacity: 1;
  transform: translateY(0);
}