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

:root {
  --background: 228 8% 12%;
  --foreground: 225 15% 88%;
  --card: 228 8% 15%;
  --primary: 45 100% 70%;
  --accent: 190 85% 70%; 
  --muted: 225 8% 55%;
  --border: 228 8% 22%;
  --radius: 0.5rem;
}

.prose {
    --tw-prose-body: hsl(var(--foreground) / 0.9);
    --tw-prose-headings: hsl(var(--foreground));
    --tw-prose-lead: hsl(var(--muted));
    --tw-prose-links: hsl(var(--primary));
    --tw-prose-bold: hsl(var(--foreground));
    --tw-prose-counters: hsl(var(--muted));
    --tw-prose-bullets: hsl(var(--border));
    --tw-prose-hr: hsl(var(--border));
    --tw-prose-quotes: hsl(var(--foreground));
    --tw-prose-quote-borders: hsl(var(--border));
    --tw-prose-captions: hsl(var(--muted));
    --tw-prose-code: hsl(var(--accent));
    --tw-prose-pre-code: hsl(var(--foreground) / 0.9);
    --tw-prose-pre-bg: hsl(var(--background));
    --tw-prose-th-borders: hsl(var(--border));
    --tw-prose-td-borders: hsl(var(--border));
}

.prose code::before, .prose code::after {
    content: "";
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: hsl(var(--background));
}
::-webkit-scrollbar-thumb {
  background: hsl(var(--border));
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--muted));
}