/* ═══════════════════════════════════════════════════════════ APEX ELITE — Premium Trading Design System ═══════════════════════════════════════════════════════════ */ :root { --bg: #050505; --bg2: #0c0c0c; --bg3: #111111; --panel: rgba(18, 18, 18, 0.92); --panel2: rgba(24, 24, 24, 0.95); --glass: rgba(255, 255, 255, 0.03); --line: rgba(255, 255, 255, 0.06); --line2: rgba(255, 255, 255, 0.1); --ink: #f0f0f0; --ink2: #c8c8c8; --mute: #6b6b6b; --brand: #26a69a; --brand2: #1e8a80; --brand-glow: rgba(38, 166, 154, 0.35); --brand-dim: #1e8a80; --buy: #26a69a; --buy-glow: rgba(38, 166, 154, 0.25); --sell: #f87171; --sell-glow: rgba(248, 113, 113, 0.25); --ok: #34d399; --bad: #f87171; --warn: #fbbf24; --nav-h: 52px; --account-h: 40px; --font: 'Inter', system-ui, -apple-system, sans-serif; --mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace; --radius: 10px; --radius-lg: 16px; --shadow: 0 8px 32px rgba(0, 0, 0, 0.45); --shadow-glow: 0 0 40px var(--brand-glow); --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); } [data-theme="light"] { --bg: #f8fafc; --bg2: #f1f5f9; --bg3: #e2e8f0; --panel: rgba(255, 255, 255, 0.95); --panel2: #fff; --glass: rgba(0, 0, 0, 0.02); --line: rgba(0, 0, 0, 0.08); --line2: rgba(0, 0, 0, 0.12); --ink: #0f172a; --ink2: #334155; --mute: #64748b; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; } html, body { height: 100%; font-family: var(--font); background: var(--bg); color: var(--ink); }