'''@tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 220 18% 8%; --foreground: 220 10% 85%; --card: 220 18% 12%; --card-foreground: 220 10% 85%; --primary: 195 100% 50%; --primary-foreground: 220 18% 8%; --accent: 195 100% 50%; --muted: 220 10% 60%; --border: 220 18% 15%; --ring: 195 100% 50%; --radius: 0.5rem; } body { scroll-behavior: smooth; } ::-webkit-scrollbar { width: 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)); } } @layer components { .prose { --tw-prose-body: hsl(var(--foreground)); --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(--muted)); --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)); --tw-prose-pre-bg: hsl(var(--background)); --tw-prose-th-borders: hsl(var(--border)); --tw-prose-td-borders: hsl(var(--border)); } .prose pre { background-color: hsl(var(--background)) !important; border: 1px solid hsl(var(--border)); border-radius: var(--radius); padding: 1.25rem 1.5rem; } .prose code { font-family: "JetBrains Mono", "Geist Mono", monospace; } .prose code::before, .prose code::after { content: "" !important; } .hljs-comment, .hljs-meta, .hljs-quote { color: #7c8591; } .hljs-keyword, .hljs-selector-tag, .hljs-tag, .hljs-name, .hljs-attribute { color: #c678dd; } .hljs-selector-class, .hljs-selector-id { color: #d19a66; } .hljs-string, .hljs-regexp, .hljs-symbol, .hljs-bullet, .hljs-link { color: #98c379; } .hljs-number, .hljs-literal { color: #d19a66; } .hljs-built_in, .hljs-class .hljs-title { color: #e6c07b; } .hljs-function, .hljs-title, .hljs-section { color: hsl(var(--accent)); } .hljs-params { color: hsl(var(--foreground)); } }'''