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

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply font-jost text-[#555] bg-[#faf9f8] antialiased selection:bg-[#d4af37] selection:text-white;
  }
  
  h1, h2, h3, h4, h5, h6 {
    @apply font-cormorant text-[#222];
  }
}

@layer components {
  .btn-minimal {
    @apply inline-flex items-center justify-center px-10 py-3 bg-[#222] text-white tracking-[0.2em] uppercase text-xs hover:bg-[#d4af37] transition-colors duration-500;
  }
  
  .btn-outline {
    @apply inline-flex items-center justify-center px-10 py-3 border border-[#d4af37] text-[#d4af37] tracking-[0.2em] uppercase text-xs hover:bg-[#d4af37] hover:text-white transition-colors duration-500;
  }
}

.gold-accent {
  color: #d4af37;
}

.image-hover-zoom {
  overflow: hidden;
}

.image-hover-zoom img {
  transition: transform 1s ease;
}

.image-hover-zoom:hover img {
  transform: scale(1.05);
}

.nav-scrolled {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.03);
}