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

@layer base {
  html { @apply scroll-smooth; }
  body { @apply bg-white text-gray-800; }
  h1 { @apply text-3xl md:text-4xl font-semibold; }
  h2 { @apply text-2xl md:text-3xl font-semibold; }
  h3 { @apply text-xl md:text-2xl font-semibold; }
  p  { @apply leading-relaxed; }
  a  { @apply outline-none focus:ring-2 focus:ring-blue-400 rounded-sm; }
}