/**
 * dayin-ui.css — 大銀 AI 小程序共用 UI 樣式
 *
 * **所有小程序的按鈕一律用 DAYIN VI 橘 #E46A58**（用戶 2026-09-23 定調）。
 * 新做小程序時引入這支，不要自己另外定義按鈕顏色，否則每個頁面會慢慢長歪。
 *
 * 色值來源：memory reference_brand_vi —— DAYIN VI 主色 = #E46A58。
 * 註：logo 檔 dayin_logo.png 實際取樣是 #E26A56（壓縮造成的微差，肉眼無法分辨），
 * **以 VI 規範值 #E46A58 為準**，不要從圖片取色。
 * ⚠️ DARTMAN 是獨立品牌，VI 不同（黑白銀為主），不可套這份。
 */
:root {
  --dayin-orange: #E46A58;          /* VI 主色，按鈕、重點、accent */
  --dayin-orange-dark: #C9573F;     /* hover / 按下 */
  --dayin-orange-tint: #FBEDE9;     /* 淺底：icon 底色、次要按鈕 hover */
  --dayin-ink: #242019;             /* 主文字 */
  --dayin-muted: #746E60;           /* 次要文字 */
  --dayin-faint: #948D7C;           /* 說明文字 */
  --dayin-line: #EDE8DB;            /* 卡片框線 */
  --dayin-field: #E4DFD3;           /* 輸入框框線 */
  --dayin-bg: #FAF8F3;              /* 頁面底色 */
  --dayin-chip: #F4F1E8;            /* 標籤／淺底區塊 */
}

/* 主要動作：實心橘 */
.btn {
  font-family: inherit;
  border: none;
  border-radius: 10px;
  padding: 12px 22px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  background: var(--dayin-orange);
  color: #fff;
}
.btn:hover { background: var(--dayin-orange-dark); }
.btn:disabled { opacity: .45; cursor: not-allowed; background: var(--dayin-orange); }

/* 次要動作：橘框橘字，選中時填滿。以前是灰白的，跟主按鈕不成一套。 */
.btn-sm {
  font-family: inherit;
  font-size: 13px;
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid var(--dayin-orange);
  background: #fff;
  color: var(--dayin-orange);
  cursor: pointer;
  font-weight: 600;
}
.btn-sm:hover { background: var(--dayin-orange-tint); }
.btn-sm.on { background: var(--dayin-orange); border-color: var(--dayin-orange); color: #fff; }
.btn-sm:disabled { opacity: .45; cursor: not-allowed; }

/* 第三順位：純文字連結型，也走橘色 */
.btn-ghost {
  background: none;
  border: none;
  color: var(--dayin-orange);
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  text-decoration: underline;
}
.btn-ghost:hover { color: var(--dayin-orange-dark); }