/* Grunndubh — small custom layer on top of Tailwind utilities */

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", sans-serif;
  background-color: #f7f3ec;
}

.font-serif {
  font-family: "Fraunces", serif;
}

::selection {
  background: #e7dbc6;
  color: #3b2b1e;
}

/* Subtle fade/slide-in on scroll — no bounce, no easing tricks */
[data-animate] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-animate].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  [data-animate] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}