@import "tailwindcss";

@theme {
  --color-primary: #c5a059;
  --color-primary-light: #e5d09b;
  --color-primary-dark: #a68541;
  --color-dark: #0a0b0d;
  --color-dark-lighter: #1a1b1f;
  
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Playfair Display", serif;
}

@layer base {
  body {
    @apply bg-dark text-gray-100 font-sans antialiased;
    scroll-behavior: smooth;
  }
  
  h1, h2, h3, h4 {
    @apply font-serif;
  }
}

@layer utilities {
  /* Custom Gold Gradient Text */
  .text-gold-gradient {
    @apply bg-clip-text text-transparent bg-linear-to-r from-primary via-primary-light to-primary-dark;
  }

  /* Smooth Scrolling */
  html {
    scroll-behavior: smooth;
  }

  /* Transitions */
  .transition-standard {
    @apply transition-all duration-300 ease-in-out;
  }

  /* Card Hover */
  .gold-card-hover {
    @apply border border-transparent hover:border-primary/30 hover:bg-primary/5 transition-all duration-300 ease-in-out;
  }

  /* Navigation Blur */
  .nav-blur {
    @apply backdrop-blur-md bg-dark/80 border-b border-white/10;
  }
}