@import "tailwindcss";

@layer components {
  /* Navigation Links */
  .nav-link {
    @apply px-4 py-2 rounded-md text-sm font-medium text-amber-100 hover:text-white hover:bg-amber-800/50 transition-all duration-200;
  }

  .nav-link.active {
    @apply bg-amber-700/70 text-white shadow-md;
  }

  .mobile-nav-link {
    @apply block px-3 py-3 rounded-md text-base font-medium text-amber-100 hover:text-white hover:bg-amber-900/60 transition-colors;
  }

  .mobile-nav-link.active {
    @apply bg-amber-900 text-white;
  }

  /* Hero Section */
  .hero-title {
    @apply text-5xl md:text-6xl lg:text-7xl font-bold tracking-tight;
  }

  .hero-subtitle {
    @apply text-xl md:text-2xl lg:text-3xl font-light text-slate-300;
  }

  /* Buttons */
  .btn-primary {
    @apply inline-flex items-center px-6 py-3 rounded-lg bg-amber-600 text-white font-semibold hover:bg-amber-700 transform hover:scale-105 transition-all duration-200 shadow-lg hover:shadow-xl;
  }

  .btn-secondary {
    @apply inline-flex items-center px-6 py-3 rounded-lg bg-slate-700 text-white font-semibold hover:bg-slate-600 transition-all duration-200 shadow-md;
  }

  /* Cards */
  .card {
    @apply bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-2xl transform hover:-translate-y-1 transition-all duration-300;
  }

  .card-title {
    @apply text-xl font-bold text-slate-800 mb-2;
  }

  .card-text {
    @apply text-slate-600 leading-relaxed;
  }

  /* Sections */
  .section-title {
    @apply text-3xl md:text-4xl lg:text-5xl font-bold text-slate-900 mb-4;
  }

  .section-subtitle {
    @apply text-lg md:text-xl text-slate-600 mb-8;
  }

  /* Gradient Backgrounds */
  .gradient-amber {
    @apply bg-gradient-to-br from-amber-500 via-amber-600 to-amber-700;
  }

  .gradient-slate {
    @apply bg-gradient-to-br from-slate-800 via-slate-700 to-slate-900;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

@theme {
  --font-family-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-family-display: 'Playfair Display', Georgia, serif;
}