:root {
  --bg-gradient: linear-gradient(160deg, #0f0f1a 0%, #1a1a2e 40%, #16213e 100%);
  --bg-body: #0f0f1a;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-heading: #cbd5e1;
  --card-bg: rgba(255,255,255,0.04);
  --card-bg-alt: rgba(255,255,255,0.05);
  --card-border: rgba(255,255,255,0.06);
  --card-border-alt: rgba(255,255,255,0.08);
  --card-shadow: 0 4px 24px rgba(0,0,0,0.15);
  --input-bg: rgba(0,0,0,0.25);
  --input-border: rgba(255,255,255,0.1);
  --input-text: #fff;
  --btn-nav-bg: rgba(0,0,0,0.2);
  --btn-nav-border: rgba(255,255,255,0.15);
  --btn-nav-hover: rgba(255,255,255,0.08);
  --navbar-border: rgba(255,255,255,0.08);
  --log-bg: #0c0c12;
  --log-border: rgba(255,255,255,0.06);
  --scrollbar-track: rgba(0,0,0,0.2);
  --scrollbar-thumb: rgba(255,255,255,0.15);
  --stat-bg: rgba(0,0,0,0.25);
  --stat-border: rgba(255,255,255,0.04);
  --balance-bg: rgba(0,0,0,0.2);
  --balance-border: rgba(255,255,255,0.05);
  --ticker-bg: rgba(0,0,0,0.2);
  --ticker-border: rgba(255,255,255,0.06);
  --modal-overlay: rgba(0,0,0,0.7);
  --modal-bg: #1a1a2e;
  --modal-border: rgba(255,255,255,0.1);
  --lock-hint-bg: rgba(34,197,94,0.1);
  --lock-hint-border: rgba(34,197,94,0.25);
  --settings-divider: rgba(255,255,255,0.06);
  --account-select-bg: linear-gradient(145deg, rgba(15,15,25,0.98), rgba(28,28,45,0.95));
  --account-option-bg: #1e293b;
  --user-row-bg: rgba(0,0,0,0.2);
  --user-row-hover: rgba(255,255,255,0.05);
  --filter-btn-bg: rgba(255,255,255,0.08);
  --filter-btn-border: rgba(255,255,255,0.1);
  --filter-btn-hover: rgba(255,255,255,0.12);
  --table-row-hover: rgba(255,255,255,0.03);
  --table-border: rgba(255,255,255,0.06);
  --pred-bg: rgba(0,0,0,0.2);
  --pred-border: rgba(255,255,255,0.04);
  --menu-card-bg: rgba(255,255,255,0.05);
  --menu-card-border: rgba(255,255,255,0.1);
  --menu-card-hover: rgba(255,255,255,0.08);
  --digit-up-color: #60a5fa;
  --digit-up-bg: rgba(96,165,250,0.18);
  --digit-down-color: #f87171;
  --digit-down-bg: rgba(248,113,113,0.18);
  --win-color: #4ade80;
  --loss-color: #f87171;
  --profit-color: #60a5fa;
  --green-accent: #22c55e;
  --header-gradient: linear-gradient(180deg, #fff 0%, #cbd5e1 100%);
}

[data-theme="light"] {
  --bg-gradient: linear-gradient(160deg, #f0f4f8 0%, #e2e8f0 40%, #dbeafe 100%);
  --bg-body: #f0f4f8;
  --text-primary: #1e293b;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --text-heading: #334155;
  --card-bg: rgba(255,255,255,0.85);
  --card-bg-alt: rgba(255,255,255,0.9);
  --card-border: rgba(0,0,0,0.08);
  --card-border-alt: rgba(0,0,0,0.1);
  --card-shadow: 0 4px 24px rgba(0,0,0,0.08);
  --input-bg: rgba(255,255,255,0.9);
  --input-border: rgba(0,0,0,0.15);
  --input-text: #1e293b;
  --btn-nav-bg: rgba(255,255,255,0.7);
  --btn-nav-border: rgba(0,0,0,0.12);
  --btn-nav-hover: rgba(0,0,0,0.06);
  --navbar-border: rgba(0,0,0,0.1);
  --log-bg: #ffffff;
  --log-border: rgba(0,0,0,0.08);
  --scrollbar-track: rgba(0,0,0,0.05);
  --scrollbar-thumb: rgba(0,0,0,0.15);
  --stat-bg: rgba(255,255,255,0.8);
  --stat-border: rgba(0,0,0,0.06);
  --balance-bg: rgba(255,255,255,0.8);
  --balance-border: rgba(0,0,0,0.06);
  --ticker-bg: rgba(255,255,255,0.8);
  --ticker-border: rgba(0,0,0,0.08);
  --modal-overlay: rgba(0,0,0,0.4);
  --modal-bg: #ffffff;
  --modal-border: rgba(0,0,0,0.12);
  --lock-hint-bg: rgba(34,197,94,0.08);
  --lock-hint-border: rgba(34,197,94,0.2);
  --settings-divider: rgba(0,0,0,0.08);
  --account-select-bg: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(241,245,249,0.95));
  --account-option-bg: #f8fafc;
  --user-row-bg: rgba(0,0,0,0.03);
  --user-row-hover: rgba(0,0,0,0.06);
  --filter-btn-bg: rgba(0,0,0,0.05);
  --filter-btn-border: rgba(0,0,0,0.1);
  --filter-btn-hover: rgba(0,0,0,0.08);
  --table-row-hover: rgba(0,0,0,0.03);
  --table-border: rgba(0,0,0,0.08);
  --pred-bg: rgba(255,255,255,0.8);
  --pred-border: rgba(0,0,0,0.06);
  --menu-card-bg: rgba(255,255,255,0.85);
  --menu-card-border: rgba(0,0,0,0.1);
  --menu-card-hover: rgba(255,255,255,0.95);
  --digit-up-color: #2563eb;
  --digit-up-bg: rgba(37,99,235,0.12);
  --digit-down-color: #dc2626;
  --digit-down-bg: rgba(220,38,38,0.12);
  --win-color: #16a34a;
  --loss-color: #dc2626;
  --profit-color: #2563eb;
  --green-accent: #16a34a;
  --header-gradient: linear-gradient(180deg, #1e293b 0%, #334155 100%);
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid var(--btn-nav-border);
  background: var(--btn-nav-bg);
  color: var(--text-primary);
  cursor: pointer;
  font-size: 1.1rem;
  transition: background 0.2s, border-color 0.2s;
  padding: 0;
  line-height: 1;
  font-family: inherit;
}
.theme-toggle:hover {
  background: var(--btn-nav-hover);
}