/* Dark mode — class-based overrides */

.dark {
  color-scheme: dark;
}

.dark body {
  background-color: #0f172a !important;
  color: #e2e8f0;
}

.dark header,
.dark .mobile-bottom-nav,
.dark #mobile-drawer {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

.dark .bg-white { background-color: #1e293b !important; }
.dark .bg-gray-50 { background-color: #0f172a !important; }
.dark .bg-gray-100 { background-color: #334155 !important; }
.dark .border-gray-200,
.dark .border-gray-100 { border-color: #334155 !important; }

.dark .text-gray-900 { color: #f1f5f9 !important; }
.dark .text-gray-800 { color: #e2e8f0 !important; }
.dark .text-gray-700 { color: #cbd5e1 !important; }
.dark .text-gray-600 { color: #94a3b8 !important; }
.dark .text-gray-500 { color: #94a3b8 !important; }
.dark .text-gray-400 { color: #64748b !important; }

.dark input,
.dark select,
.dark textarea {
  background-color: #0f172a !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}

.dark .hover\:bg-gray-100:hover { background-color: #334155 !important; }
.dark .hover\:bg-gray-50:hover { background-color: #1e293b !important; }

.dark .market-chart,
.dark .profile-page .profile-header,
.dark .profile-stats .profile-stat,
.dark .profile-pnl,
.dark .profile-table-wrap {
  background: #1e293b;
  border-color: #334155;
}

.dark .market-tabs { border-color: #334155; }
.dark .market-tabs__tab { color: #94a3b8; }
.dark .market-tabs__tab.is-active { color: #60a5fa; border-color: #60a5fa; }

.dark .trade-type-tabs,
.dark .trade-order-type { background: #334155 !important; }
.dark .trade-type-tabs button.is-active,
.dark .trade-order-type button.is-active {
  background: #1e293b !important;
  color: #f1f5f9 !important;
}

.dark .bg-amber-50 { background-color: rgba(245, 158, 11, 0.12) !important; }
.dark .text-amber-800 { color: #fbbf24 !important; }
.dark .text-amber-900 { color: #fde68a !important; }
.dark .border-amber-200 { border-color: rgba(245, 158, 11, 0.3) !important; }

.dark .bg-green-100 { background-color: rgba(22, 163, 74, 0.2) !important; }
.dark .bg-orange-50 { background-color: rgba(249, 115, 22, 0.15) !important; }
.dark .text-orange-700 { color: #fb923c !important; }
.dark .border-orange-200 { border-color: rgba(249, 115, 22, 0.3) !important; }

.dark #mobile-drawer-overlay { background: rgba(0, 0, 0, 0.7) !important; }

.dark .profile-header__name,
.dark .profile-stat__value,
.dark .profile-pnl__title { color: #f1f5f9; }
.dark .profile-stat__label,
.dark .profile-header__meta { color: #94a3b8; }

.dark .market-chart__filter { background: #334155; color: #94a3b8; }
.dark .market-chart__filter.is-active { background: #235390; color: #fff; }