@import "tailwindcss";

@theme {
  --color-primary: #c4a484;
  --color-primary-dark: #a6845d;
  --color-secondary: #1a1a1a;
  --font-inter: "Inter", sans-serif;
  --font-outfit: "Outfit", sans-serif;
}

@layer base {
  body {
    @apply bg-[#fcfbf7] text-[#1a1a1a] font-inter;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-outfit;
  }
}

.glass {
  @apply bg-white/70 backdrop-blur-md border border-white/20;
}
