/**
 * Utility Classes
 *
 * Reusable utility classes for common patterns
 */

/* Magic gradient text effect */
.text-magic {
  background: linear-gradient(to right, #34d399, #d946ef, #9333ea);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: text-shimmer 3s ease-in-out infinite;
}

@keyframes text-shimmer {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}