@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@400;500;600&display=swap";
/* [project]/app/globals.css [app-client] (css) */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --bg: #f5f0e8;
  --green: #4f7453;
  --green-light: #7a9e7e;
  --gold: #c4975a;
  --text: #333;
  --text-muted: #888;
  --white: #fff;
  --card-shadow: 0 2px 16px #00000012;
  --radius: 16px;
}

body {
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  font-family: DM Sans, sans-serif;
}

h1, h2, h3 {
  font-family: Cormorant Garamond, serif;
}

html {
  scrollbar-width: none;
  overflow-y: scroll;
}

html::-webkit-scrollbar {
  display: none;
}

@keyframes pageFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@font-face {
  font-family: Satoshi;
  src: url("/fonts/Satoshi-Italic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

main {
  animation: .2s ease-out pageFadeIn;
}

/*# sourceMappingURL=app_globals_71f961d1.css.map*/