/* ============================================================
 * stockassistant 主题变量（默认深色，支持多背景切换）
 * 切换主题：body 上加 theme-light / theme-dark / theme-blue
 * ============================================================ */
body.theme-dark {
  --bg: #0e1116;            /* 整体背景 */
  --bg-panel: #161a22;      /* 面板 */
  --bg-panel2: #1c212c;     /* 面板二级 */
  --bg-input: #12151c;
  --border: #2a3040;
  --text: #c8cdd8;
  --text-dim: #7a8290;
  --text-strong: #eceff4;
  --accent: #d8a648;        /* 主题金色 */
  --accent-dim: #8a6d2f;
  --up: #e03131;            /* 涨-红 */
  --up-bg: rgba(224,49,49,.12);
  --down: #0ca678;          /* 跌-绿 */
  --down-bg: rgba(12,166,120,.12);
  --flat: #868e96;
  --ma1: #f1c232; --ma2: #4dabf7; --ma3: #e64980; --ma4: #9775fa; --ma5: #20c997;
  --menu-active-bg: #222836;
  --tab-bg: #12151c;
  --tab-active-bg: #222836;
}

body.theme-light {
  --bg: #f2f3f5;
  --bg-panel: #ffffff;
  --bg-panel2: #f7f8fa;
  --bg-input: #ffffff;
  --border: #d8dce3;
  --text: #333a45;
  --text-dim: #8a93a3;
  --text-strong: #16181d;
  --accent: #c07f10;
  --accent-dim: #d9b06a;
  --up: #e03131;
  --up-bg: rgba(224,49,49,.08);
  --down: #0ca678;
  --down-bg: rgba(12,166,120,.08);
  --flat: #adb5bd;
  --ma1: #d9a406; --ma2: #1c7ed6; --ma3: #e64980; --ma4: #7048e8; --ma5: #0ca678;
  --menu-active-bg: #e9edf4;
  --tab-bg: #e8eaee;
  --tab-active-bg: #ffffff;
}

body.theme-blue {
  --bg: #0a1428;
  --bg-panel: #10203c;
  --bg-panel2: #152a4d;
  --bg-input: #0d1a33;
  --border: #23406e;
  --text: #b9c8e0;
  --text-dim: #66799c;
  --text-strong: #e8f0ff;
  --accent: #4dabf7;
  --accent-dim: #2b5f9e;
  --up: #ff5252;
  --up-bg: rgba(255,82,82,.12);
  --down: #26c281;
  --down-bg: rgba(38,194,129,.12);
  --flat: #7c8aa5;
  --ma1: #ffd43b; --ma2: #4dabf7; --ma3: #ff6b9d; --ma4: #b197fc; --ma5: #38d9a9;
  --menu-active-bg: #1a3358;
  --tab-bg: #0d1a33;
  --tab-active-bg: #1a3358;
}