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

@layer base {
  body {
    @apply bg-slate-50 text-slate-900 antialiased;
  }
}

@layer components {
  .article-prose {
    @apply prose prose-lg prose-slate max-w-none;
  }
}

@layer utilities {
  .article-prose a {
    @apply font-semibold underline decoration-2 underline-offset-4;
  }

  .article-prose blockquote {
    @apply border-l-4 border-indigo-500 bg-indigo-50/60 px-5 py-3 rounded-r-lg text-slate-800;
  }

  .article-prose img {
    @apply rounded-xl shadow-sm;
  }
}