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

@layer base {
  :root {
    --background: #0F1014;
    --surface: #1A1B20;
    --primary: #C89D46;
    --border: rgba(255, 255, 255, 0.1);
  }
}

body {
  @apply bg-[#0F1014] text-white antialiased;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

h1,
h2,
h3,
h4,
.font-display {
  font-family: var(--font-playfair), serif;
}

@layer utilities {
  .glass {
    @apply backdrop-blur-md bg-white/5 border border-white/10;
  }

  .glass-dark {
    @apply backdrop-blur-md bg-black/40 border border-white/5;
  }

  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }

  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}