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

@layer base {
  body {
    @apply text-base leading-relaxed;
  }
  h1 {
    @apply text-4xl md:text-6xl font-bold leading-tight;
  }
  h2 {
    @apply text-3xl md:text-4xl font-bold leading-tight;
  }
  h3 {
    @apply text-2xl font-bold;
  }
  h4 {
    @apply text-xl font-bold;
  }
  p {
    @apply text-base leading-relaxed;
  }
  small {
    @apply text-sm;
  }
}

@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .snap-x {
    scroll-snap-type: x mandatory;
  }
  .snap-center {
    scroll-snap-align: center;
  }
}