/* tokens.css — df1688 會員端／走勢頁共用的設計變數（唯一色值來源）。
 *
 * 為什麼抽這一檔：使用者要求「前端樣式獨立一個資料夾，之後修改或做多樣式模板才好管理」
 * （2026-09-30）。以後要出第二套主題（例如亮色版）就是再寫一支 tokens-xxx.css 替換這支，
 * member.css / chart.css / login.css 一個字都不用動。
 *
 * 鐵律：頁面樣式裡每個 var() 都一定要帶「同值 fallback」（var(--df-x, #原字面值)），
 *       這樣即使 tokens.css 沒載入（或快取到舊版）也只是回到搬檔前的配色，不會整站無樣式。
 *       新增變數請同時補上註解；改這裡的值等於全站一起改，先想清楚。 */
:root{
  --df-bg:#0f1419;  /* 終端最深底（body、nav a.on 的背景） */
  --df-bg-deep:#0d1218;  /* 輸入框底、K 線畫布底 */
  --df-nav:#141a22;  /* 導覽列底 */
  --df-sticky:#131a22;  /* 報價板吸頂表頭、手機卡片底 */
  --df-panel:#161d26;  /* 面板／常駐列格子底 */
  --df-btn:#2b3646;  /* 一般按鈕底 */
  --df-btn-hover:#37485e;  /* 一般按鈕 hover */
  --df-border:#263141;  /* 主線框（面板、header、nav 下緣） */
  --df-border-row:#222c38;  /* 表格列分隔線 */
  --df-border-btn:#3a495d;  /* 按鈕外框 */
  --df-border-input:#2a3543;  /* 輸入框外框 */
  --df-text:#dbe4ee;  /* 主要文字 */
  --df-text-strong:#e6edf5;  /* 輸入框／提示框文字 */
  --df-label:#8c9bb0;  /* 欄位標籤、頁籤未選中 */
  --df-dim:#75859a;  /* 較淡的輔助文字（表頭、時鐘、卡片欄名） */
  --df-faint:#5c6b7e;  /* 空表提示 */
  --df-accent:#41a6ff;  /* 品牌藍（標題、選中頁籤、訊息左框） */
  --df-money:#ffd166;  /* 金額／數字金 */
  --df-up:#ff5b5b;  /* 紅（漲／買） */
  --df-down:#26d07c;  /* 綠（跌／賣、指示燈） */
  --df-warn:#ffb347;  /* 額度警戒橘 */
  --df-sel:#1d2b3d;  /* 選中列、訊息框底 */
  --df-note-bg:#241d10;  /* .note 警示底 */
  --df-note-text:#e6d9b6;  /* .note 警示文字 */
  --df-bs-btn:#1c2530;  /* 進場價「加／減」小鈕底 */
  --df-bs-btn-hover:#28374b;  /* 小鈕 hover */
  --df-bs-btn-border:#33415a;  /* 小鈕外框 */
  --df-buy-bg:#3a1f22;  /* 買方向按鈕底 */
  --df-buy-border:#7a3a3f;  /* 買方向按鈕框 */
  --df-buy-text:#ff8f8f;  /* 買方向按鈕字 */
  --df-buy-hover:#54262b;  /* 買方向 hover */
  --df-sell-bg:#183a29;  /* 賣方向按鈕底 */
  --df-sell-border:#2f6d4c;  /* 賣方向按鈕框 */
  --df-sell-text:#5ce39a;  /* 賣方向按鈕字 */
  --df-sell-hover:#1f4d34;  /* 賣方向 hover */
  --df-flash-up:#123a26;  /* 價格跳動閃色（漲端起始色） */
  --df-flash-down:#3a1616;  /* 價格跳動閃色（跌端起始色） */
  --df-login-bg:#12161c;  /* 登入頁底（尚未併入終端色階） */
  --df-login-text:#dfe6ef;  /* 登入頁文字 */
  --df-login-card:#1b222b;  /* 登入卡片底 */
  --df-login-border:#2c3744;  /* 登入卡片／輸入框線 */
  --df-login-input-bg:#0e1319;  /* 登入輸入框底 */
  --df-login-input-text:#e8eef6;  /* 登入輸入框文字 */
  --df-login-btn-text:#0b1016;  /* 登入按鈕字（深底） */
  --df-login-err:#ff6b6b;  /* 登入錯誤 */
}