/* 顏色與尺寸設計代號。預設深色；html[data-theme="light"] 切換淺色。 */
:root {
  color-scheme: dark;
  --bg: #070b16;
  --bg-glow-1: rgba(34, 211, 238, 0.10);
  --bg-glow-2: rgba(167, 139, 250, 0.08);
  --surface: #0f1628;
  --surface-2: #151e35;
  --surface-3: #1c2744;
  --border: #233052;
  --border-strong: #31416b;
  --text: #e7ecfb;
  --text-2: #b4bfdc;
  --muted: #7d89ab;
  --accent: #22d3ee;
  --accent-2: #a78bfa;
  --accent-ink: #04222a;
  --glow: 0 0 0 1px rgba(34, 211, 238, 0.35), 0 8px 30px rgba(34, 211, 238, 0.12);

  --red: #f2475a;
  --green: #1fc77e;
  --flat: #9aa4c0;

  /* 情緒五級：冷（恐懼）→ 熱（貪婪），刻意避開紅綠，免得和台美股漲跌色混淆 */
  --lv-xfear: #3b82f6;
  --lv-fear: #22b8d6;
  --lv-neutral: #a3aec9;
  --lv-greed: #f5a524;
  --lv-xgreed: #f26b3a;

  --ma5: #f5c542;
  --ma20: #a78bfa;
  --ma60: #22d3ee;
  --bb: rgba(148, 163, 184, 0.75);

  --chart-text: #9aa6c6;
  --chart-grid: rgba(120, 140, 190, 0.10);
  --chart-border: #233052;

  --radius: 14px;
  --radius-sm: 9px;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --sidebar-w: 236px;
  --font: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f6fc;
  --bg-glow-1: rgba(14, 165, 233, 0.10);
  --bg-glow-2: rgba(139, 92, 246, 0.07);
  --surface: #ffffff;
  --surface-2: #f6f8fd;
  --surface-3: #ebeff8;
  --border: #dde3f0;
  --border-strong: #c7d0e4;
  --text: #121a2f;
  --text-2: #3c4766;
  --muted: #6b7695;
  --accent: #0891b2;
  --accent-2: #7c3aed;
  --accent-ink: #ffffff;
  --glow: 0 0 0 1px rgba(8, 145, 178, 0.30), 0 8px 24px rgba(8, 145, 178, 0.12);

  --red: #e0263c;
  --green: #0e9f5f;
  --flat: #6b7695;

  --lv-xfear: #2563eb;
  --lv-fear: #0891b2;
  --lv-neutral: #8a94ad;
  --lv-greed: #d98a06;
  --lv-xgreed: #e0531f;

  --ma5: #c99a06;
  --ma20: #7c3aed;
  --ma60: #0891b2;
  --bb: rgba(100, 116, 139, 0.7);

  --chart-text: #56617f;
  --chart-grid: rgba(80, 100, 150, 0.10);
  --chart-border: #dde3f0;
  --shadow: 0 8px 24px rgba(30, 41, 80, 0.08);
}