/* css/animations.css - Biblioteka animacji */

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-down {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Klasy pomocnicze - używane w JS */
.fade-in {
  animation: fade-in 0.8s ease both;
}

.slide-down {
  animation: slide-down 0.6s ease both;
}

/* Opóźnienia animacji - używane w JS dla hero section */
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }

/* Visible class for scroll animations */
.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Animacja gradientu tła dla hero section */
@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}