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

:root {
  --foreground: #0f172a;
  --background: #f8fafc;
}

body {
  color: var(--foreground);
  background: var(--background);
  font-family: system-ui, -apple-system, sans-serif;
}

/* Markdown content rendering */
.prose h1 { @apply text-2xl font-bold mb-3 mt-6; }
.prose h2 { @apply text-xl font-semibold mb-2 mt-5; }
.prose h3 { @apply text-lg font-semibold mb-2 mt-4; }
.prose p  { @apply mb-3 leading-relaxed; }
.prose ul { @apply list-disc list-inside mb-3; }
.prose ol { @apply list-decimal list-inside mb-3; }
.prose code { @apply bg-slate-100 px-1 rounded text-sm font-mono; }
.prose pre  { @apply bg-slate-900 text-slate-100 p-4 rounded-lg overflow-x-auto mb-3; }
.prose blockquote { @apply border-l-4 border-brain-500 pl-4 italic text-slate-600 mb-3; }
.prose a { @apply text-brain-600 underline hover:text-brain-700; }