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

@layer base {
  * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  html { scroll-behavior: smooth; }
  body { @apply font-sans text-navy bg-white; }
  h1,h2,h3,h4,h5,h6 { @apply font-serif; line-height: 1.2; }
}

@layer components {
  .btn-primary {
    @apply inline-flex items-center gap-2 bg-gold text-white font-sans font-medium text-xs px-8 py-4 transition-all duration-300;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .btn-primary:hover { @apply bg-gold-400 shadow-xl; transform: translateY(-1px); }

  .btn-outline {
    @apply inline-flex items-center gap-2 border border-white text-white font-sans font-medium text-xs px-8 py-4 transition-all duration-300;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .btn-outline:hover { @apply bg-white text-navy; }

  .btn-outline-dark {
    @apply inline-flex items-center gap-2 border border-navy text-navy font-sans font-medium text-xs px-8 py-4 transition-all duration-300;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  .btn-outline-dark:hover { @apply bg-navy text-white; }

  .section-label {
    @apply font-sans font-medium text-gold text-xs mb-3;
    letter-spacing: 0.25em;
    text-transform: uppercase;
  }

  .section-title {
    @apply font-serif text-4xl md:text-5xl text-navy leading-tight;
  }

  .section-title-light {
    @apply font-serif text-4xl md:text-5xl text-cream-200 leading-tight;
  }

  .gold-bar { @apply block w-10 h-0.5 bg-gold my-5; }

  .input-field {
    @apply w-full bg-cream-100 border border-sand-200 text-navy font-sans text-sm px-5 py-4 focus:outline-none focus:border-gold transition-colors duration-200;
  }

  .input-label {
    @apply block font-sans font-medium text-navy/50 text-xs mb-2;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .card-lift { @apply transition-all duration-500 ease-out; }
  .card-lift:hover { transform: translateY(-5px); @apply shadow-2xl; }
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #F7F4EE; }
::-webkit-scrollbar-thumb { background: #C9A84C; }
