@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .animate-stroke {
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }
  
  .animate-bounce-short {
    animation: bounce-short 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
}

@keyframes stroke {
  0% { stroke-dasharray: 0, 20; }
  100% { stroke-dasharray: 20, 20; }
}

@keyframes bounce-short {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  75% { transform: scale(1.1); }
  100% { transform: scale(1); }
}