/* ── Binance Dark Theme Variables ────────────────────── */
:root {
  /* Background */
  --bg-primary: #0b0e11;
  --bg-secondary: #181a20;
  --bg-tertiary: #1e2329;
  --bg-card: #1e2329;
  --bg-input: #2b3139;
  --bg-hover: #2b3139;
  --bg-active: #363c46;

  /* Text */
  --text-primary: #eaecef;
  --text-secondary: #848e9c;
  --text-tertiary: #5e6673;
  --text-disabled: #474d57;

  /* Accent */
  --yellow: #f0b90b;
  --yellow-hover: #f8d12f;
  --yellow-dark: #c99d09;
  --yellow-bg: rgba(240, 185, 11, 0.1);

  /* Trading */
  --green: #0ecb81;
  --green-hover: #2ed191;
  --green-bg: rgba(14, 203, 129, 0.1);
  --red: #f6465d;
  --red-hover: #f75e72;
  --red-bg: rgba(246, 70, 93, 0.1);

  /* Border */
  --border-color: #2b3139;
  --border-light: #363c46;

  /* Misc */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --shadow: 0 2px 8px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
  --transition: all 0.2s ease;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Sidebar */
  --sidebar-width: 220px;
  --sidebar-collapsed: 64px;
  --header-height: 56px;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');