/**
 * 設計 token —— 全站顏色、字級、間距的唯一真相。
 *
 * 這些值原本散在 20 幾個 HTML 各自的 <style> 裡各寫一次
 * (光是 #d4a647 就出現 97 次、#0d0d14 100 次),改一個顏色要改幾十處。
 * 現在只改這裡。
 */
:root {
  /* ── 底色:由深到淺 ────────────────────────────── */
  --bg:            #080808;   /* 頁面底 */
  --bg-panel:      #0d0d14;   /* 卡片、表頭、面板 */
  --bg-raised:     #1a1a2e;   /* 輸入框、列 hover */
  --bg-hover:      #0d0d1c;   /* 卡片 hover */

  /* ── 框線 ──────────────────────────────────────── */
  --line:          #1e1e2e;
  --line-strong:   #2a2a3e;

  /* ── 品牌金 ────────────────────────────────────── */
  --gold:          #d4a647;
  --gold-light:    #e8bc5a;
  --gold-dim:      #d4a64766;  /* 40% 框線用 */
  --gold-ghost:    #d4a64720;  /* 12% 底色用 */
  --gold-rule:     #d4a64744;  /* 表頭底線 */

  /* ── 文字 ──────────────────────────────────────── */
  --text:          #e8e0d0;
  --text-strong:   #ffffff;
  --text-muted:    #888888;
  --text-dim:      #666666;
  --text-faint:    #555555;

  /* ── 語意色 ────────────────────────────────────── */
  --up:            #66bb6a;   /* 上升、正報酬 */
  --down:          #ef5350;   /* 下跌、錯誤 */

  /* ── 市場識別色 ────────────────────────────────── */
  --hk:            #66bb6a;
  --cn:            #ef5350;
  --us:            #5c9bdd;
  --etf:           #ffca28;

  /* ── 字型 ──────────────────────────────────────── */
  --font: "Noto Sans TC", system-ui, -apple-system, "PingFang HK",
          "Microsoft JhengHei", sans-serif;
  --fs-base:   15px;
  --fs-sm:     13px;
  --fs-xs:     12px;
  --fs-title:  20px;

  /* ── 間距與圓角 ────────────────────────────────── */
  --gap:       16px;
  --pad-page:  24px;
  --radius:    4px;
  --radius-lg: 8px;
  --radius-pill: 18px;
}