/* ============================================================
   Design Tokens — 變數名照抄 Figma variable（斜線→連字號，小寫）
   來源：
     gold（預設）＝母檔 AGS_包網 MW2YUmbR13FxyFUYo6P6JK
                  「存款優惠面板」section 9990:99422 實際渲染值
     k37        ＝主題-通用 yI0ti1RJUSxiG3EL8wwTug 現行 mode
   ⚠ 標記者＝該 mode 在 Figma 查不到消費節點，推導暫代，待補正
   ============================================================ */

/* ---- gold（母檔原稿：黑底金） ---- */
:root {
  --brand-primary-10: #121110;      /* Brand/Primary_10 頁面底 */
  --brand-primary-50: #efdeab;      /* Brand/Primary_50 金色強調 */
  --color-neutral-10: #262422;      /* Color/Neutral_10 卡片/輸入底 */
  --color-neutral-20: #454545;      /* Color/Neutral_20 分隔/邊 */
  --color-neutral-30: #424242;      /* Color/Neutral_30 禁用文字 */
  --color-neutral-40: #9e9e9e;      /* Color/Neutral_40 次要文字/佔位 */
  --color-neutral-50: #e0e0e0;      /* Color/Neutral_50 亮文字 */
  --color-neutral-60: #ffffff;      /* Color/Neutral_60 主文字 */
  --status-red: #ff453a;            /* Status/Red */
  --status-blue: #0a84ff;           /* Status/Blue */
  --status-green: #30d158;          /* Status/Green */
  --component-card-top: #262422;    /* Component/Card/Top */
  --component-card-bottom: #161614; /* Component/Card/Bottom */
  --component-card-effect: #ffffff0d; /* Component/Card/Effect 內光 */
  --component-btn-top: #efdeab;     /* 按鈕漸層（母檔無獨立變數，取 Primary_50） */
  --component-btn-bottom: #e9c57b;
  --component-btn-text: #121110;
}

/* ---- k37（主題-通用：深藍） ---- */
:root[data-theme="k37"] {
  --brand-primary-10: #061a30;
  --brand-primary-50: #7fb3d8;
  --color-neutral-10: #1b2838;
  --color-neutral-20: #243447;      /* ⚠ 推導暫代 */
  --color-neutral-30: #56718c;      /* ⚠ 推導暫代 */
  --color-neutral-40: #9fb3c8;
  --color-neutral-50: #cfdde9;      /* ⚠ 推導暫代 */
  --color-neutral-60: #ffffff;
  --status-red: #ff453a;
  --status-blue: #0a84ff;
  --status-green: #30d158;
  --component-card-top: #1b2838;    /* Component/Card/Top */
  --component-card-bottom: #111d2b; /* Component/Card/Bottom */
  --component-card-effect: #ffffff0d;
  --component-btn-top: #d6eaf8;     /* Component/Btn/Top */
  --component-btn-bottom: #5b9bd5;  /* Component/Btn/Bottom */
  --component-btn-text: #061a30;
}