| @tailwind base; |
| @tailwind components; |
| @tailwind utilities; |
|
|
| @layer base { |
| :root { |
| --background: 210 40% 98%; |
| --foreground: 222 47% 11%; |
| --card: 0 0% 100%; |
| --card-foreground: 222 47% 11%; |
| --muted: 210 40% 94%; |
| --muted-foreground: 215 16% 47%; |
| --primary: 221 83% 53%; |
| --primary-foreground: 0 0% 100%; |
| --accent: 210 40% 92%; |
| --accent-foreground: 222 47% 11%; |
| --border: 214 32% 88%; |
| --input: 214 32% 88%; |
| --ring: 221 83% 53%; |
| --radius: 0.75rem; |
| --highlight: 45 93% 58%; |
| } |
|
|
| .dark { |
| --background: 222 47% 7%; |
| --foreground: 210 40% 96%; |
| --card: 222 40% 10%; |
| --card-foreground: 210 40% 96%; |
| --muted: 217 33% 16%; |
| --muted-foreground: 215 20% 65%; |
| --primary: 217 91% 60%; |
| --primary-foreground: 222 47% 11%; |
| --accent: 217 33% 18%; |
| --accent-foreground: 210 40% 96%; |
| --border: 217 33% 20%; |
| --input: 217 33% 20%; |
| --ring: 217 91% 60%; |
| --highlight: 45 93% 58%; |
| } |
|
|
| * { |
| border-color: hsl(var(--border)); |
| } |
| html, |
| body, |
| #root { |
| height: 100%; |
| } |
| body { |
| background-color: hsl(var(--background)); |
| color: hsl(var(--foreground)); |
| font-family: Inter, system-ui, sans-serif; |
| -webkit-font-smoothing: antialiased; |
| } |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 10px; |
| height: 10px; |
| } |
| ::-webkit-scrollbar-thumb { |
| background: hsl(var(--border)); |
| border-radius: 999px; |
| } |
| ::-webkit-scrollbar-track { |
| background: transparent; |
| } |
|
|
| |
| .markdown p { |
| margin: 0 0 0.7rem; |
| line-height: 1.7; |
| } |
| .markdown p:last-child { |
| margin-bottom: 0; |
| } |
| .markdown ul, |
| .markdown ol { |
| margin: 0 0 0.7rem 1.2rem; |
| list-style: revert; |
| } |
| .markdown li { |
| margin: 0.2rem 0; |
| } |
| .markdown strong { |
| font-weight: 600; |
| } |
| .markdown code { |
| background: hsl(var(--muted)); |
| padding: 0.1rem 0.35rem; |
| border-radius: 6px; |
| font-size: 0.85em; |
| } |
|
|
