/* Tailwind'in karşılamadığı birkaç şey.
   Renkler index.html içindeki @theme bloğundaki değişkenlerden geliyor. */

/* Hero'daki logo hafifçe nefes alsın */
.logo-hero {
  animation: bob 6s ease-in-out infinite;
}

@keyframes bob {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-0.6rem); }
}

/* Ekran görüntüleri üzerine gelince biraz öne çıksın */
figure img {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

figure img:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0 1rem 2rem rgb(50 33 25 / 0.15);
}

/* Hareket azaltma tercihi açıksa hiçbiri oynamasın */
@media (prefers-reduced-motion: reduce) {
  .logo-hero { animation: none; }
  figure img { transition: none; }
  html { scroll-behavior: auto; }
}

html { scroll-behavior: smooth; }