@import "tailwindcss";

:root {
  font-family: 'Nunito', sans-serif;
}

h1, h2, h3, .font-display {
  font-family: 'Quicksand', sans-serif;
}

body {
  font-family: 'Nunito', sans-serif;
  background-color: #ffffff;
}

/* Selection styling */
::selection {
  background-color: #ccfbf1;
  color: #134e4a;
}

/* Scroll animations */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

/* Progressive enhancement: if IntersectionObserver is not supported, show all elements */
.no-js .fade-in,
.fade-in.no-intersection-observer {
  opacity: 1;
  transform: translateY(0);
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}