/* Premium Glassmorphic Theme Tokens */
:root {
  --bg-main: #06070a;
  --bg-card: rgba(18, 20, 28, 0.6);
  --bg-elevated: rgba(30, 34, 48, 0.7);
  --bg-header: rgba(10, 11, 16, 0.8);
  
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-active: rgba(59, 130, 246, 0.4);
  --border-glow: rgba(59, 130, 246, 0.15);
  
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-dim: #475569;
  
  --accent-blue: #3b82f6;
  --accent-blue-glow: rgba(59, 130, 246, 0.3);
  --accent-emerald: #10b981;
  --accent-rose: #f43f5e;
  --accent-amber: #f59e0b;
  --accent-indigo: #6366f1;
  
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
}

body {
  background-color: var(--bg-main);
  background-image: 
    radial-gradient(circle at 15% 50%, rgba(59, 130, 246, 0.05), transparent 25%),
    radial-gradient(circle at 85% 30%, rgba(16, 185, 129, 0.03), transparent 25%);
  background-attachment: fixed;
  color: var(--text-primary);
  font-family: var(--font-sans);
}

.metric-card, .market-box, .terminal-window, .auth-modal-content, .sidebar, .copilot-panel {
  background: var(--bg-card) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--border-subtle) !important;
  box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.5) !important;
}

.market-box, .metric-card {
  border-radius: var(--radius-md) !important;
}

.uptime {
  font-size: 12px;
  font-family: var(--font-mono);
  color: var(--accent-emerald);
  background: rgba(16, 185, 129, 0.1);
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(16, 185, 129, 0.2);
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.1);
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--text-dim);
}

.dot.online {
  background: var(--accent-emerald);
  box-shadow: 0 0 8px var(--accent-emerald);
}