/* ═══════════════════════════════════════════════
   ABEBIT — Design Tokens  (Binance-style spec)
   ═══════════════════════════════════════════════ */
:root {
  /* ── Backgrounds (dark layered, no gradient) ── */
  --bg-0: #0B0E11;          /* body / page base           */
  --bg-1: #1E2329;          /* sidebar, topbar, cards     */
  --bg-2: #1E2329;          /* panels, card surface       */
  --bg-3: #2B2F36;          /* elevated: inputs, dropdown */
  --bg-4: #363B44;          /* deep hover                 */

  /* ── Borders ── */
  --border:    #2B2F36;
  --border-md: #363B44;

  /* ── Text ── */
  --txt-0: #EAECEF;   /* primary — 12.1:1 on bg-1  */
  --txt-1: #B7BDC6;   /* secondary — 7.8:1 on bg-1 */
  --txt-2: #848E9C;   /* muted — 4.6:1 on bg-1     */

  /* ── Brand ── */
  --brand:     #F0B90B;   /* primary CTA, active link   */
  --brand-hi:  #FCD535;   /* hover                      */
  --brand-dim: rgba(240,185,11,0.12);

  /* ── Semantic ── */
  --bull:     #0ECB81;   /* BUY / positive / profit    */
  --bull-dim: rgba(14,203,129,0.12);
  --bear:     #F7485F;   /* SELL / negative / loss     */
  --bear-dim: rgba(246,70,93,0.12);
  --amber:    #F0B90B;
  --blue:     #2196F3;
  --blue-dim: rgba(33,150,243,0.12);

  /* aliases for backward-compat */
  --acc:     #0ECB81;
  --acc-dim: rgba(14,203,129,0.12);
  --red:     #F7485F;
  --red-dim: rgba(246,70,93,0.12);
  --border-hi: #363B44;
  --bg-base: #0B0E11;

  /* ── Typography ── */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body:    system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ── Radius ── */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;

  /* ── Transitions ── */
  --t-fast: 0.15s ease;
}