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

@layer base {
  html {
    scroll-behavior: smooth;
  }

  body {
    @apply antialiased pb-16 lg:pb-0;
  }
}

@layer components {
  .container-custom {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }

  .section-padding {
    @apply py-16 md:py-24;
  }

  .gradient-primary {
    @apply bg-gradient-to-r from-primary-700 to-accent-500;
  }

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

  .gradient-accent {
    @apply bg-gradient-to-r from-accent-500 to-accent-600;
  }
}

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