/* =========================================================
   theme-midnight-soft — 淡靛藍金(v11 主題,v7 提亮版)
   本檔 = 設計代幣單一真相。換風格 = 另立 theme-*.css 切換;
   結構樣式一律寫 style.css / pages,禁寫死色值。
   風格:v7 午夜藍金整體提亮一階(色相不變),陰影減深;
   客服聊天區另於 chat.css 再淡一階(使用者指定)。
   token 名稱沿用 v3 同一組,只換值(結構層零改動)。
   ========================================================= */
:root {
  color-scheme: dark;       /* 原生 UI(滾輪殘餘 / 表單控件)跟著轉深 */

  /* 色彩:底與面 */
  --bg:          #182437;   /* 頁底:靛藍(v7 提亮一階) */
  --bg-elev:     #203047;   /* 抬升底 */
  --surface:     #293b57;   /* 卡片面 */
  --surface-2:   #334867;   /* 卡片面-hover */
  --surface-tint:#35404e;   /* 金暖淡底(藍底摻金) */

  /* 品牌三原色(職位不變:coral=主強調、violet=次強調、amber=點綴) */
  --coral:       #d4af6e;   /* 主金(主行動色) */
  --coral-soft:  rgba(212, 175, 110, .16);
  --violet:      #ecd2a0;   /* 亮金(輔色) */
  --violet-soft: rgba(236, 210, 160, .14);
  --amber:       #e8b45a;   /* 琥珀(點綴) */
  --amber-soft:  rgba(232, 180, 90, .15);

  /* 漸層配方(金色系) */
  --grad-brand:  linear-gradient(120deg, #c9a05e 0%, #d4af6e 45%, #ecd2a0 100%); /* 起手提亮:暗金起點做漸層字在深底上會糊 */
  --grad-warm:   linear-gradient(120deg, #e8b45a 0%, #d4af6e 100%);
  --grad-cool:   linear-gradient(120deg, #9db4dd 0%, #e6cf9c 100%); /* 藍金 */
  --grad-chip:   linear-gradient(120deg, #d4af6e, #e8b45a);

  /* 文字 */
  --text:        #f2f0ea;   /* 主文字:暖白微偏冷 */
  --text-soft:   #b4bccb;   /* 次文字(藍灰) */
  --text-faint:  #93a2b9;   /* 弱文字(底提亮後同步提亮保可讀) */
  --on-accent:   #1d1409;   /* 金色漸層 / 主色上的文字:深咖近黑 */

  /* 線與框(金低透明,藍底上略升確保可見) */
  --line:        rgba(212, 175, 110, .16);
  --line-strong: rgba(212, 175, 110, .25);  /* 底軌 / 需要更能辨識的線(進度環、路線底線) */
  --line-soft:   rgba(255, 255, 255, .06);

  /* 狀態色(工作者狀態機) */
  --st-idle:     #7fd8a4;   /* 空閒 */
  --st-idle-soft: rgba(127, 216, 164, .14);
  --st-enroute:  #e8b45a;   /* 前往中 */
  --st-enroute-soft: rgba(232, 180, 90, .16);
  --st-busy:     #e07a7a;   /* 服務中 */
  --st-busy-soft: rgba(224, 122, 122, .15);
  --st-off:      #8b95a8;   /* 下班(當文字色用,藍底上要可讀) */
  --st-off-soft: rgba(110, 124, 150, .22);
  --st-hold:     #9db4dd;   /* 保留中(點數已保留、尚未扣點;C 版) */
  --st-hold-soft: rgba(157, 180, 221, .16);

  /* 五端身分色(身分切換 / 後台側欄標記用;主色仍是金) */
  --role-customer: #d4af6e;
  --role-worker:   #e07a9a;
  --role-agent:    #9db4dd;
  --role-support:  #7fd8a4;
  --role-admin:    #e8b45a;

  /* 字體(serif 顯示字帶貴氣;內文維持黑體) */
  --font-display: "Noto Serif TC", "PMingLiU", serif;
  --font-body:    "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  --font-num:     "Noto Serif TC", "PMingLiU", serif;

  /* 形狀與層次:大圓角不變,陰影改深藍黑 + 金暈 */
  --radius-lg:   30px;
  --radius:      22px;
  --radius-sm:   14px;
  --radius-pill: 999px;
  --shadow-card: 0 10px 34px rgba(4, 8, 16, .36);
  --shadow-pop:  0 16px 40px rgba(4, 8, 16, .4), 0 0 24px rgba(212, 175, 110, .18);
  --shadow-soft: 0 6px 18px rgba(4, 8, 16, .28);

  /* 節奏(沉穩緩動,不彈跳) */
  --sp:          16px;
  --maxw:        1140px;
  --header-h:    64px;
  --tabbar-h:    62px;      /* 手機底部 tab bar 高 */
  --ease:        cubic-bezier(.22, .8, .3, 1);
}