@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

* { box-sizing: border-box; }

body {
  font-family: 'Inter', sans-serif;
  margin: 0;
}

.font-display {
  font-family: 'Fraunces', serif;
}

.fade-in {
  animation: fadeIn 0.35s ease both;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .fade-in {
    animation: none;
  }
  .animate-spin {
    animation: none;
  }
}