@import "tailwindcss";

@theme {
  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* Fade-in for dynamically loaded components */
#header-placeholder, #footer-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
#header-placeholder.loaded, #footer-placeholder.loaded {
  opacity: 1;
}

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