/* Custom Styles */
:root {
  --brand-orange: #ea580c;
}

body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
}

h1, h2, h3, .font-serif {
  font-family: 'Playfair Display', serif;
}

.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s cubic-bezier(0.17, 0.55, 0.55, 1);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

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

.animate-fade-in {
  animation: fade-in 1s ease-out forwards;
}

.delay-100 { transition-delay: 150ms; }
.delay-200 { transition-delay: 300ms; }

.selection\:bg-orange-200 ::selection {
  background-color: #fed7aa;
}