:root {
  --color-bg: #0a0a0f;
  --color-bg-2: #101019;
  --color-surface: #13131c;
  --color-elevated: #1a1a26;
  --color-border: #23233a;
  --color-text: #e8e8f0;
  --color-text-soft: #b9b9cc;
  --color-muted: #9090ad;
  --color-accent: #00e5ff;
  --color-accent-2: #ff2bd1;
  --color-accent-3: #b3ff3a;
  --color-positive: #7cff5d;
  --color-danger: #ff5577;
  --color-accent-glow: rgba(0, 229, 255, 0.55);
  --color-accent-2-glow: rgba(255, 43, 209, 0.45);
  --color-positive-glow: rgba(124, 255, 93, 0.45);
  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --border-thin: 1px solid #23233a;
  --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset, 0 8px 24px rgba(0,0,0,0.45);
  --shadow-cta: 0 0 0 1px rgba(0,229,255,0.35), 0 0 18px rgba(0,229,255,0.45);
  --transition: 180ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --transition-slow: 320ms cubic-bezier(0.2, 0.7, 0.2, 1);
}