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

/* Custom prose styles for blog content */
.prose {
  @apply text-gray-800 leading-relaxed;
}

.prose h1 {
  @apply text-3xl font-bold mb-6 text-gray-900;
}

.prose h2 {
  @apply text-2xl font-bold mb-4 mt-8 text-gray-900;
}

.prose h3 {
  @apply text-xl font-semibold mb-3 mt-6 text-gray-900;
}

.prose p {
  @apply mb-4;
}

.prose ul {
  @apply mb-4 pl-6;
}

.prose li {
  @apply mb-2 list-disc;
}

.prose a {
  @apply text-blue-600 hover:text-blue-700 underline;
}

.prose blockquote {
  @apply border-l-4 border-blue-500 pl-4 italic text-gray-700 my-6;
}

.prose code {
  @apply bg-gray-100 px-2 py-1 rounded text-sm font-mono;
}

.prose pre {
  @apply bg-gray-900 text-white p-4 rounded-lg overflow-x-auto my-6;
}

.prose pre code {
  @apply bg-transparent p-0;
}