/* ============================================================
 *  theme.css — متغیرهای تم تیره/روشن
 * ============================================================ */

:root[data-theme="dark"] {
  --color-profit: #00E676;
  --color-profit-glow: rgba(0, 230, 118, 0.4);
  --color-loss: #FF3D71;
  --color-loss-glow: rgba(255, 61, 113, 0.4);
  --color-warning: #FFB300;
  --color-warning-glow: rgba(255, 179, 0, 0.35);
  --color-info: #40C4FF;

  --gradient-profit: linear-gradient(135deg, #00E676, #00B248);
  --gradient-loss: linear-gradient(135deg, #FF3D71, #D6335C);
  --bar-blue: linear-gradient(90deg, #2196F3, #64B5F6);

  --bg-app: #0f1214;
  --bg-panel: #17191c;
  --bg-panel-2: #1e2126;
  --bg-card: #1a1d21;
  --bg-input: #22262b;
  --bg-table-row: #1a1d21;
  --bg-table-row-alt: #1e2227;
  --bg-table-head: #262b31;
  --bg-hover: #2a2f36;
  --bg-tab: #131518;
  --bg-tab-active: #17191c;

  --text-primary: #e8eaed;
  --text-muted: #8b929a;
  --text-dim: #5f6670;

  --border-color: #2a2f36;
  --border-strong: #363c44;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
}

:root[data-theme="light"] {
  --color-profit: #00A854;
  --color-profit-glow: rgba(0, 168, 84, 0.25);
  --color-loss: #D6335C;
  --color-loss-glow: rgba(214, 51, 92, 0.25);
  --color-warning: #E67E22;
  --color-warning-glow: rgba(230, 126, 34, 0.25);
  --color-info: #1976D2;

  --gradient-profit: linear-gradient(135deg, #00A854, #008f47);
  --gradient-loss: linear-gradient(135deg, #D6335C, #b81e45);
  --bar-blue: linear-gradient(90deg, #1976D2, #42A5F5);

  --bg-app: #f0f2f5;
  --bg-panel: #ffffff;
  --bg-panel-2: #f7f8fa;
  --bg-card: #ffffff;
  --bg-input: #ffffff;
  --bg-table-row: #ffffff;
  --bg-table-row-alt: #fafbfc;
  --bg-table-head: #eceff1;
  --bg-hover: #f0f4f8;
  --bg-tab: #e8eaed;
  --bg-tab-active: #ffffff;

  --text-primary: #1a1d21;
  --text-muted: #6b7280;
  --text-dim: #9aa0a6;

  --border-color: #e0e4e8;
  --border-strong: #cbd2d9;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  font-family: Tahoma, sans-serif;
  background: var(--bg-app);
  color: var(--text-primary);
  transition: background 0.3s, color 0.3s;
  overflow: hidden;
}