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

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-family: 'Inter', sans-serif; }
body { background: #fafafa; color: #171717; transition: background .2s, color .2s; }
html.dark body { background: #0a0a0a; color: #fafafa; }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d4d4d4; border-radius: 99px; }
html.dark ::-webkit-scrollbar-thumb { background: #404040; }

pre { font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; line-height: 1.6 !important; border-radius: 10px; overflow: auto; max-height: 400px; }
code.hljs { border-radius: 10px; padding: 1.25rem !important; }
.hljs-light pre, .hljs-light code { background: #f8f8f8 !important; color: #24292e !important; }
html.light .hljs-theme-override pre, html.light .hljs-theme-override code { background: #f6f8fa !important; }