/* Base */
body {
  background-color: #0f1117;
  color: #e2e8f0;
  font-family: 'Inter', sans-serif;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #1a1d27;
}

::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 2px;
}

/* Components */
.stat-card {
  background: #1a1d27;
  border: 1px solid #2d3748;
  border-radius: 12px;
  padding: 16px 20px;
}

.signal-item {
  border-bottom: 1px solid #1e2330;
  padding: 12px 0;
}

.signal-item:last-child {
  border-bottom: none;
}

.dashboard-shell {
  background: #13161f;
}

.dashboard-surface {
  background: #1a1d27;
}

.dashboard-inset {
  background: #0f1117;
}

/* Badges */
.badge-buy {
  background: #064e3b;
  color: #34d399;
  border: 1px solid #34d399;
}

.badge-sell {
  background: #7f1d1d;
  color: #f87171;
  border: 1px solid #f87171;
}

.badge-filled {
  background: #1e3a5f;
  color: #60a5fa;
}

.badge-pending {
  background: #3b2a00;
  color: #fbbf24;
}

.badge-cancelled {
  background: #2d1515;
  color: #f87171;
}

/* Tabs */
.tab-active {
  border-bottom: 2px solid #60a5fa;
  color: #60a5fa;
}

.mode-tab-active {
  background: #1e3a5f;
  color: #60a5fa;
}

.mode-tab-inactive {
  background: #1a1d27;
  color: #6b7280;
}

/* Toggles */
.toggle-on {
  background: #2563eb;
}

.toggle-off {
  background: #374151;
}