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

@theme {
  --font-serif: "Cormorant Garamond", serif;
  --font-sans: "Montserrat", sans-serif;
  --color-cream: #FDFBF7;
  --color-beige: #F5F2ED;
  --color-espresso: #5D4037;
  --color-latte: #C4A484;
  --color-ink: #1A1A1A;
}

@layer base {
  body {
    @apply bg-cream text-ink font-sans antialiased;
  }

  h1, h2, h3, h4, h5, h6 {
    @apply font-serif;
  }
}

.serif {
  font-family: var(--font-serif);
}

.card-shadow {
  box-shadow: 0 10px 30px -15px rgba(0,0,0,0.1);
}

.perspective-1000 {
  perspective: 1000px;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  @apply bg-transparent;
}

::-webkit-scrollbar-thumb {
  @apply bg-espresso/20 rounded-full;
}

::-webkit-scrollbar-thumb:hover {
  @apply bg-espresso/40;
}