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

@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply min-h-screen;
  }
}

@layer components {
  .btn-primary {
    @apply bg-accent hover:bg-accent/90 text-white font-medium px-8 py-4 rounded-sm transition-all duration-200 text-base md:text-lg;
  }
  
  .btn-secondary {
    @apply border-2 border-primary text-primary hover:bg-primary hover:text-white font-medium px-8 py-4 rounded-sm transition-all duration-200 text-base md:text-lg;
  }
  
  .section-padding {
    @apply py-16 md:py-24 px-6 md:px-8;
  }
  
  .container-custom {
    @apply max-w-7xl mx-auto;
  }
}