/**
 * DarkPentra v7 — Cyan-only crypto intelligence (no purple)
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  --dp-bg: #020408;
  --dp-bg-elevated: #0a1018;
  --dp-surface: rgba(255, 255, 255, 0.035);
  --dp-surface-hover: rgba(0, 229, 255, 0.06);
  --dp-glass: rgba(8, 14, 22, 0.82);
  --dp-border: rgba(255, 255, 255, 0.07);
  --dp-border-bright: rgba(0, 229, 255, 0.4);

  --dp-cyan: #00e5ff;
  --dp-cyan-soft: #67e8f9;
  --dp-cyan-dim: rgba(0, 229, 255, 0.12);
  --dp-cyan-glow: rgba(0, 229, 255, 0.35);
  --dp-teal: #0891b2;
  --dp-teal-dim: rgba(8, 145, 178, 0.15);
  --dp-sky: #38bdf8;
  --dp-green: #34d399;
  --dp-red: #fb7185;
  --dp-amber: #fbbf24;

  --dp-text: #f8fafc;
  --dp-text-muted: #94a3b8;
  --dp-text-subtle: #64748b;

  --dp-font-display: 'Space Grotesk', system-ui, sans-serif;
  --dp-font-body: 'DM Sans', system-ui, sans-serif;
  --dp-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --dp-gradient-hero: linear-gradient(105deg, #00e5ff 0%, #38bdf8 45%, #e0f2fe 100%);
  --dp-gradient-btn: linear-gradient(135deg, #00e5ff 0%, #0284c7 100%);
  --dp-gradient-surface: linear-gradient(180deg, rgba(0, 229, 255, 0.06) 0%, transparent 100%);
  --dp-glow-cyan: 0 0 48px rgba(0, 229, 255, 0.22);
  --dp-glow-soft: 0 8px 32px rgba(0, 0, 0, 0.45);

  --dp-radius: 14px;
  --dp-radius-sm: 8px;
  --dp-radius-lg: 20px;
  --dp-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dp-dur: 0.2s;

  /* Legacy aliases — mapped to cyan/teal (no purple) */
  --color-background: var(--dp-bg);
  --color-surface: var(--dp-bg-elevated);
  --color-elevated: #0f1720;
  --color-primary: var(--dp-cyan);
  --color-secondary: var(--dp-sky);
  --color-cta: var(--dp-cyan);
  --color-text: var(--dp-text);
  --color-text-muted: var(--dp-text-muted);
  --color-text-subtle: var(--dp-text-subtle);
  --color-success: var(--dp-green);
  --color-danger: var(--dp-red);
  --color-border: var(--dp-border);
  --font-display: var(--dp-font-display);
  --font-body: var(--dp-font-body);
  --gradient-brand: var(--dp-gradient-btn);
  --gradient-text: var(--dp-gradient-hero);
  --bg-primary: var(--dp-bg);
  --bg-secondary: var(--dp-bg-elevated);
  --bg-card: var(--dp-glass);
  --bg-glass: var(--dp-surface);
  --border-glass: var(--dp-border);
  --purple: var(--dp-cyan);
  --purple-light: var(--dp-cyan-soft);
  --cyan: var(--dp-cyan);
  --cyan-light: var(--dp-cyan-soft);
  --green: var(--dp-green);
  --red: var(--dp-red);
  --yellow: var(--dp-amber);
  --text-primary: var(--dp-text);
  --text-secondary: var(--dp-text-muted);
  --text-muted: var(--dp-text-subtle);
  --radius: var(--dp-radius);
  --radius-sm: var(--dp-radius-sm);
  --shadow: var(--dp-glow-soft);
  --glow-gold: var(--dp-glow-cyan);
  --glow-purple: var(--dp-glow-cyan);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dp-dur: 0.01ms; }
}