| /* You can add global styles to this file, and also import other style files */ | |
| :root { | |
| --bg-primary: #0b1120; | |
| --bg-secondary: #0f172a; | |
| --surface: #111827; | |
| --surface-raised: rgba(30, 41, 59, 0.75); | |
| --border-color: rgba(148, 163, 184, 0.16); | |
| --text-primary: #f8fafc; | |
| --text-secondary: #cbd5e1; | |
| --text-muted: #94a3b8; | |
| --accent: #0ea5e9; | |
| --accent-hover: #0284c7; | |
| --accent-strong: #f97316; | |
| --danger: #ef4444; | |
| --shadow: 0 4px 16px rgba(0, 0, 0, 0.35); | |
| --radius: 10px; | |
| color-scheme: dark; | |
| } | |
| * { | |
| box-sizing: border-box; | |
| } | |
| html, | |
| body { | |
| height: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| background: var(--bg-primary); | |
| color: var(--text-primary); | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| a { | |
| color: var(--accent); | |
| } | |
| button { | |
| font-family: inherit; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| color: var(--text-primary); | |
| } | |
| p { | |
| color: var(--text-secondary); | |
| } | |