/*
 * finance-hub 設計系統 tokens —— 嚴格依 BUILD-SPEC §3 / Gemini 規格。
 * 全部顏色/字級/間距走 CSS 變數,任何元件不得寫死色碼或像素數字。
 * 深色模式為預設(且目前唯一)。
 */
:root {
  /* 色票 —— Elevation 三階(Gemini R2 §1):用背景階層取代硬邊框做層次 */
  --bg: #0A0F18;            /* 頁底 Page Base 極深藍黑 */
  --surface: #141C2B;       /* 一般卡 Card Base */
  --surface-hover: #1C283F; /* hover/active 高對比卡 (取代亮邊框) */
  --border: #222F47;        /* 殘留:topnav/tabs 分隔線仍用 */
  /* Inner Glow:邊緣反光取代細邊框(Gemini R2 §2) */
  --inner-glow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  /* 列表底線(Gemini R2 §3):僅留底線、取消垂直分隔 */
  --row-divider: rgba(255, 255, 255, 0.05);
  --text-primary: #FFFFFF;
  --text-secondary: #8A99AD;
  --text-muted: #6A7A8F;    /* R2 §3:來源時間略調暗降干擾 */
  --up: #00C853;            /* 漲(降飽和·R2 §6) */
  --down: #FF5252;          /* 跌(降飽和·R2 §6) */
  --flat: #8A99AD;          /* 平 */
  --accent: #00E5FF;        /* 搜尋框 focus / 選中膠囊 亮藍 */

  /* 漲跌膠囊底色(極淡) */
  --up-bg: rgba(0, 200, 83, 0.12);
  --down-bg: rgba(255, 82, 82, 0.12);
  --flat-bg: rgba(138, 153, 173, 0.10);

  /* 漲跌標籤 glow(R2 §6:0 0 4px rgba(色,0.3),僅漲跌標籤用) */
  --up-glow: 0 0 4px rgba(0, 200, 83, 0.3);
  --down-glow: 0 0 4px rgba(255, 82, 82, 0.3);

  /* flash 動畫底色(更淡) */
  --up-flash: rgba(0, 200, 83, 0.22);
  --down-flash: rgba(255, 82, 82, 0.22);

  /* 字級階層 (size / line-height) */
  --fs-h1: 32px;  --lh-h1: 40px;
  --fs-h2: 20px;  --lh-h2: 28px;
  --fs-h3: 16px;  --lh-h3: 24px;
  --fs-body: 14px; --lh-body: 20px;
  --fs-caption: 12px; --lh-caption: 16px;

  /* 4px 間距網格 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  --radius: 4px;          /* R2 §2:小而精緻金融感 */
  --radius-pill: 999px;

  /* 字體 fallback：含中日韓 + 等寬數字字體 */
  --font-ui: "PingFang TC", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei",
    "Hiragino Kaku Gothic Pro", "Meiryo", "Apple SD Gothic Neo", "Malgun Gothic",
    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-num: "JetBrains Mono", "Roboto Mono", "SF Mono", ui-monospace,
    "Cascadia Code", Consolas, monospace;

  --search-w: 400px;       /* 桌機搜尋框固定寬度 */
  --content-max: 1280px;
}