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

.markdown-preview h1 {
    @apply text-2xl font-bold mb-4 mt-6 text-gray-900 dark:text-white;
}

.markdown-preview h2 {
    @apply text-xl font-bold mb-3 mt-5 text-gray-900 dark:text-white;
}

.markdown-preview h3 {
    @apply text-lg font-bold mb-2 mt-4 text-gray-800 dark:text-gray-100;
}

.markdown-preview p {
    @apply mb-4 leading-relaxed;
}

.markdown-preview ul {
    @apply list-disc list-inside mb-4 ml-4;
}

.markdown-preview ol {
    @apply list-decimal list-inside mb-4 ml-4;
}

.markdown-preview li {
    @apply mb-1;
}

.markdown-preview code {
    @apply bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded-md font-mono text-[0.85em] text-indigo-600 dark:text-indigo-400 border border-gray-200 dark:border-gray-700;
}

.markdown-preview pre {
    @apply bg-gray-900 border border-gray-800 rounded-xl p-4 mb-6 overflow-x-auto;
}

.markdown-preview pre code {
    @apply bg-transparent border-none p-0 text-gray-300;
}

.markdown-preview strong {
    @apply font-black text-gray-900 dark:text-white;
}