| *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } |
|
|
| :root { |
| --bg: #0a0f1e; |
| --surface: #111827; |
| --card: #1a2332; |
| --border: #1e3a5f; |
| --border-light: #263a52; |
| --orange: #f97316; |
| --orange-dim: rgba(249,115,22,0.12); |
| --orange-glow: rgba(249,115,22,0.25); |
| --green: #22c55e; |
| --green-dim: rgba(34,197,94,0.12); |
| --blue: #38bdf8; |
| --blue-dim: rgba(56,189,248,0.12); |
| --red: #ef4444; |
| --red-dim: rgba(239,68,68,0.12); |
| --text: #f1f5f9; |
| --text-muted: #64748b; |
| --text-secondary: #94a3b8; |
| font-size: 15px; |
| } |
|
|
| html, body, #root { |
| height: 100%; |
| background: var(--bg); |
| color: var(--text); |
| font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; |
| -webkit-font-smoothing: antialiased; |
| } |
|
|
| ::-webkit-scrollbar { width: 6px; } |
| ::-webkit-scrollbar-track { background: var(--surface); } |
| ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; } |
|
|
