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

@layer components {
  .prose { @apply text-gray-800 dark:text-gray-200 leading-relaxed; }
  .prose h1 { @apply text-3xl font-bold mt-8 mb-4; }
  .prose h2 { @apply text-2xl font-bold mt-6 mb-3; }
  .prose h3 { @apply text-xl font-semibold mt-5 mb-2; }
  .prose p  { @apply mb-4; }
  .prose ul { @apply list-disc pl-6 mb-4; }
  .prose ol { @apply list-decimal pl-6 mb-4; }
  .prose li { @apply mb-1; }
  .prose blockquote { @apply border-l-4 border-gray-300 dark:border-gray-600 pl-4 italic text-gray-600 dark:text-gray-400 my-4; }
  .prose pre  { @apply bg-gray-100 dark:bg-gray-800 rounded-lg p-4 my-4 text-sm whitespace-pre-wrap break-words; }
  .prose code { @apply bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-sm font-mono break-words; }
  .prose pre code { @apply bg-transparent p-0; }
  .prose table { @apply w-full border-collapse my-4; }
  .prose th { @apply border border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 px-3 py-2 text-left font-semibold; }
  .prose td { @apply border border-gray-300 dark:border-gray-600 px-3 py-2; }
  .prose a  { @apply text-blue-600 dark:text-blue-400 underline; }
  .prose strong { @apply font-bold; }
  .prose em { @apply italic; }
  .prose del { @apply line-through text-gray-500; }
  .prose hr { @apply border-gray-200 dark:border-gray-700 my-6; }
  .prose img { @apply max-w-full rounded-lg my-4; }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */