/* CoinEx Ultra Violet — design tokens */
:root {
  --bg-deep: #020208;
  --bg-card: #06060f;
  --bg-glass: rgba(15, 15, 30, 0.6);
  --bg-glass-strong: rgba(11, 11, 21, 0.88);

  --gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 45%, #4c1d95 100%);
  --gradient-premium: linear-gradient(135deg, #a855f7 0%, #d946ef 100%);
  --gradient-up: linear-gradient(135deg, #10b981 0%, #8b5cf6 100%);
  --gradient-down: linear-gradient(135deg, #ef4444 0%, #8b5cf6 100%);

  --neon: 0 0 15px rgba(139, 92, 246, 0.6);
  --neon-strong: 0 0 28px rgba(139, 92, 246, 0.75);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-in: rgba(139, 92, 246, 0.35);

  --text: #f4f4ff;
  --muted: #8b8ca8;
  --success: #10b981;
  --error: #ef4444;
  --warn: #f59e0b;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --radius-lg: 18px;
  --radius-md: 14px;
  --blur-glass: blur(16px);
  --blur-modal: blur(24px);

  /* legacy aliases */
  --bg: var(--bg-deep);
  --bg-elevated: var(--bg-card);
  --surface: var(--bg-glass);
  --surface-2: rgba(20, 20, 38, 0.85);
  --border: var(--glass-border);
  --brand: #8b5cf6;
  --brand-gradient: var(--gradient-primary);
  --brand-glow: rgba(139, 92, 246, 0.55);
  --brand-dim: rgba(139, 92, 246, 0.14);
  --up: var(--success);
  --down: var(--error);
  --up-dim: rgba(16, 185, 129, 0.14);
  --down-dim: rgba(239, 68, 68, 0.14);
}