| :root {
|
|
|
| --bg-app: #02040a;
|
| --bg-panel: rgba(13, 22, 45, 0.6);
|
| --bg-panel-hover: rgba(20, 30, 60, 0.7);
|
|
|
| --primary: #00f0ff;
|
| --primary-glow: rgba(0, 240, 255, 0.4);
|
| --secondary: #7000ff;
|
| --accent: #ff0055;
|
|
|
| --text-main: #ffffff;
|
| --text-muted: #94a3b8;
|
| --border-color: rgba(255, 255, 255, 0.1);
|
|
|
|
|
| --status-online: #00ff9d;
|
| --status-offline: #ff0055;
|
| --status-roaming: #ffbf00;
|
|
|
|
|
| --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
|
|
|
|
|
| --space-xs: 0.25rem;
|
| --space-sm: 0.5rem;
|
| --space-md: 1rem;
|
| --space-lg: 1.5rem;
|
| --space-xl: 2rem;
|
|
|
|
|
| --glass-blur: 12px;
|
| --glass-border: 1px solid rgba(255, 255, 255, 0.05);
|
| --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
|
| --shadow-glow: 0 0 15px var(--primary-glow);
|
| }
|
|
|
