| @import "tailwindcss"; |
|
|
| :root { |
| --color-bg: #0f1419; |
| --color-surface: #1a2332; |
| --color-surface-elevated: #243044; |
| --color-border: #2d3a4f; |
| --color-text: #e8eef5; |
| --color-text-muted: #8b9aab; |
| --color-accent: #4a9eff; |
| --color-accent-hover: #6eb3ff; |
| --color-danger: #f87171; |
| --color-success: #4ade80; |
| --font-sans: "DM Sans", system-ui, -apple-system, sans-serif; |
| --radius: 10px; |
| --shadow: 0 12px 40px rgba(0, 0, 0, 0.35); |
| } |
|
|
| *, |
| *::before, |
| *::after { |
| box-sizing: border-box; |
| } |
|
|
| html, |
| body { |
| margin: 0; |
| min-height: 100%; |
| font-family: var(--font-sans); |
| font-size: 16px; |
| line-height: 1.5; |
| color: var(--color-text); |
| background: var(--color-bg); |
| background-image: |
| radial-gradient(ellipse 120% 80% at 50% -20%, rgba(74, 158, 255, 0.12), transparent), |
| radial-gradient(ellipse 60% 40% at 100% 50%, rgba(36, 48, 68, 0.5), transparent); |
| } |
|
|
| a { |
| color: var(--color-accent); |
| text-decoration: none; |
| } |
|
|
| a:hover { |
| color: var(--color-accent-hover); |
| } |
|
|
| button { |
| font-family: inherit; |
| cursor: pointer; |
| } |
|
|
| input, |
| textarea { |
| font-family: inherit; |
| font-size: 1rem; |
| } |
|
|
| h1, |
| h2, |
| h3 { |
| margin: 0; |
| font-weight: 600; |
| letter-spacing: -0.02em; |
| } |
|
|
