@import "tailwindcss";

@theme {
  --color-gold-50: #fff9eb;
  --color-gold-100: #ffeed1;
  --color-gold-200: #ffd8a3;
  --color-gold-300: #ffbc6b;
  --color-gold-400: #ff9833;
  --color-gold-500: #cc8000;
  --color-gold-600: #a36600;
  --color-gold-700: #805000;
  --color-gold-800: #5c3a00;
  --color-gold-900: #3d2600;
  
  --color-black-gold-950: #0a0a08;
  --color-black-gold-900: #141412;
  --color-black-gold-800: #1f1f1d;

  --font-sans: "Inter", "system-ui", "-apple-system", "sans-serif";
  --font-display: "Playfair Display", "serif";
}

@layer base {
  body {
    @apply bg-black-gold-950 text-white font-sans;
  }
}

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

.gold-border {
  border-color: rgba(204, 128, 0, 0.3);
}

.gold-glow {
  box-shadow: 0 0 20px rgba(204, 128, 0, 0.15);
}

.smooth-scroll {
  scroll-behavior: smooth;
}