:root {
    --bg-main: #050816;
    --bg-panel: #070b1a;
    --bg-card: #0b1228;
    --bg-card2: #0e1734;
    --accent-primary: #22d3ee;
    --accent-secondary: #34d399;
    --accent-blue: #60a5fa;
    --color-success: #34d399;
    --color-warning: #fbbf24;
    --color-error: #fb7185;
    --color-info: #60a5fa;
    --text-primary: #e5e7eb;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border-default: rgba(148,163,184,.14);
    --border-strong: rgba(148,163,184,.25);
    --border-glow: rgba(34,211,238,.25);
}

html, body {
    background: var(--bg-main);
    color: var(--text-primary);
}

.glass {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.10);
}

.glass-hover:hover {
    background: rgba(255,255,255,0.08);
}

.glass-active {
    background: rgba(255,255,255,0.12);
}

.focus-glow:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--border-glow), 0 0 20px rgba(34,211,238,.12);
    border-color: rgba(34,211,238,.35) !important;
}

.btn-primary {
    background: linear-gradient(90deg, #22d3ee 0%, #34d399 100%);
    color: #020617;
}

.btn-secondary {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    color: var(--text-primary);
}

.badge {
    border-radius: .375rem;
    border: 1px solid;
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1rem;
}

.badge-success {
    background: rgba(52,211,153,0.15);
    color: #34d399;
    border-color: rgba(52,211,153,0.30);
}

.badge-warning {
    background: rgba(251,191,36,0.15);
    color: #fbbf24;
    border-color: rgba(251,191,36,0.30);
}

.badge-error {
    background: rgba(251,113,133,0.15);
    color: #fb7185;
    border-color: rgba(251,113,133,0.30);
}

.badge-info {
    background: rgba(96,165,250,0.15);
    color: #60a5fa;
    border-color: rgba(96,165,250,0.30);
}