@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@400;600;700&display=swap');

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

@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply font-body text-gray-800 bg-sand;
  }

  h1, h2, h3, h4, h5, h6 {
    @apply font-heading font-semibold text-charcoal;
  }
}

@layer components {
  /* Buttons */
  .btn-primary {
    @apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-semibold rounded-md text-white bg-copper hover:bg-orange transition-colors duration-300 shadow-sm hover:shadow-md;
  }

  .btn-secondary {
    @apply inline-flex items-center justify-center px-6 py-3 border-2 border-charcoal text-base font-semibold rounded-md text-charcoal hover:bg-charcoal hover:text-white transition-colors duration-300;
  }

  /* Structural */
  .section-padding {
    @apply py-20 lg:py-32;
  }

  /* Cards */
  .service-card {
    @apply bg-charcoal rounded-xl overflow-hidden shadow-lg border border-graphite transition-all duration-300 hover:-translate-y-2 hover:shadow-2xl hover:border-olive group;
  }
  
  /* Trust Cards */
  .trust-card {
    @apply bg-white/95 backdrop-blur-sm shadow-xl rounded-lg p-4 lg:p-6 flex items-start gap-4 transform transition-transform duration-300 hover:scale-105 border border-stone/50;
  }

  /* Animations */
  .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
  }

  .reveal.active {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Custom Scrollbar for a premium feel */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  @apply bg-sand;
}
::-webkit-scrollbar-thumb {
  @apply bg-olive rounded-full;
}
::-webkit-scrollbar-thumb:hover {
  @apply bg-copper;
}