@import "tailwindcss";

@theme {
  --font-display: var(--variant-font-display, "Outfit", sans-serif);
  --font-body: var(--variant-font-body, "Outfit", sans-serif);
}

html {
  scroll-behavior: smooth;
}

.fade-in-up {
  opacity: 0;
  transform: translateY(20px) translateZ(0);
  filter: blur(4px);
  transition: opacity 0.8s cubic-bezier(0.32, 0.72, 0, 1),
              transform 0.8s cubic-bezier(0.32, 0.72, 0, 1),
              filter 0.8s cubic-bezier(0.32, 0.72, 0, 1);
}

.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0) translateZ(0);
  filter: blur(0);
}

.stagger-1 { transition-delay: 0.1s; }
.stagger-2 { transition-delay: 0.2s; }
.stagger-3 { transition-delay: 0.3s; }
.stagger-4 { transition-delay: 0.4s; }
.stagger-5 { transition-delay: 0.5s; }
.stagger-6 { transition-delay: 0.6s; }