@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

body {
  background-color: #F9F7F2;
  font-family: "Montserrat", sans-serif;
  color: #333333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
}

html {
  scroll-behavior: smooth;
}

/* Base custom colors - injected into Tailwind via config in HTML */

/* Simple animation classes to replace Framer Motion */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-left {
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-right {
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.in-view {
  opacity: 1 !important;
  transform: translate(0) !important;
}