@font-face {
  font-family: 'Montserrat';
  src: url('/assets/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Neuils';
  src: url('/assets/neulis-cursive-bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

html, body {
  font-family: 'Montserrat', sans-serif;
  background-color: #F7F9FC; /* light bg */
  color: #172033; /* main text */
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .font-display {
  font-family: 'Neuils', sans-serif;
}

/* Add any custom animations or utilities here if needed */
.fade-in {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}