/* Import admin.css into app.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Import admin styles */
@import 'admin.css';

@layer components {
  .prose-custom h2 {
    @apply text-2xl font-bold mb-4 mt-6;
  }
  .prose-custom h3 {
    @apply text-xl font-bold mb-3 mt-5;
  }
  .prose-custom p {
    @apply mb-4 leading-relaxed;
  }
  .prose-custom ul {
    @apply list-disc pl-5 mb-4;
  }
  .prose-custom ul li {
    @apply mb-1;
  }
  .prose-custom ol {
    @apply list-decimal pl-5 mb-4;
  }
  .prose-custom ol li {
    @apply mb-1;
  }
  .prose-custom a {
    @apply text-blue-600 hover:underline dark:text-blue-400;
  }
  .prose-custom hr {
    @apply my-8;
  }
}