@import "tailwindcss";

@theme {
  --color-gold: #c5a059;
  --color-gold-dark: #a68549;
  --color-pale-black: #121212;
  --color-pale-gray: #1e1e1e;
  --font-serif: "Playfair Display", serif;
  --font-sans: "Inter", sans-serif;
}

@layer base {
  body {
    @apply bg-pale-black text-white font-sans scroll-smooth;
  }
  h1, h2, h3, h4, h5, h6 {
    @apply font-serif;
  }
}

.gold-gradient {
  background: linear-gradient(135deg, #c5a059 0%, #a68549 100%);
}

.text-gold-gradient {
  background: linear-gradient(135deg, #c5a059 0%, #a68549 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

.section-divider {
  @apply h-px w-full bg-gradient-to-r from-transparent via-gold/30 to-transparent;
}