| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; | |
| body { | |
| background: #faf9f7; | |
| color: #1a1a1a; | |
| font-family: Inter, system-ui, -apple-system, sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| ::-webkit-scrollbar { width: 6px; } | |
| ::-webkit-scrollbar-track { background: transparent; } | |
| ::-webkit-scrollbar-thumb { background: #d6d3cd; border-radius: 3px; } | |
| .code-block { | |
| background: #faf8f5; | |
| border: 1px solid #e7e5e0; | |
| border-radius: 10px; | |
| font-family: "JetBrains Mono", "SF Mono", ui-monospace, monospace; | |
| font-size: 13px; | |
| line-height: 1.6; | |
| overflow-x: auto; | |
| padding: 16px; | |
| color: #1a1a1a; | |
| } | |
| .inline-code { | |
| background: #f3f1ee; | |
| border: 1px solid #e7e5e0; | |
| border-radius: 4px; | |
| font-family: "JetBrains Mono", ui-monospace, monospace; | |
| font-size: 0.85em; | |
| padding: 2px 6px; | |
| color: #4a6854; | |
| } | |
| h1, h2, h3 { | |
| font-family: var(--font-serif), Georgia, serif; | |
| } | |
| .glass { | |
| background: rgba(255, 255, 255, 0.85); | |
| backdrop-filter: blur(16px); | |
| -webkit-backdrop-filter: blur(16px); | |
| } | |
| /* Mobile header height */ | |
| .h-13 { height: 3.25rem; } | |
| .pt-13 { padding-top: 3.25rem; } | |
| /* Border width 3 */ | |
| .border-l-3 { border-left-width: 3px; } | |