/* ============================================================
   k20-money-budget（零用錢理財家）— v2 風格覆寫（只覆寫，不改版面）
   年齡層：kids；科目：數學（識別色 --tp-subject-math）
   對應簡表：--c-bg→--tp-bg；--c-bg-soft→--tp-bg-deep；--c-surface→--tp-surface；
   --c-ink→--tp-text；--c-muted→--tp-text-soft；--c-line→--tp-line；
   --c-primary 系→--tp-accent 系（主按鈕）；--c-secondary 系→--tp-accent 系（次主色併入）；
   --c-accent 系→--tp-warning 系（金色強調、托盤）；--c-danger 系→--tp-error 系；
   圓角→--tp-radius-*；--shadow(-sm)→--tp-shadow-2／-1；--font→--tp-font-sans。
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --c-bg: var(--tp-bg);
  --c-bg-soft: var(--tp-bg-deep);
  --c-surface: var(--tp-surface);
  --c-ink: var(--tp-text);
  --c-muted: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-primary: var(--tp-accent-strong);
  --c-primary-d: var(--tp-accent-strong);
  --c-primary-s: var(--tp-accent-soft);
  --c-secondary: var(--tp-accent-strong);
  --c-secondary-d: var(--tp-accent-strong);
  --c-secondary-s: var(--tp-accent-soft);
  --c-accent: var(--tp-warning);
  --c-accent-d: var(--tp-warning);
  --c-accent-s: var(--tp-warning-soft);
  --c-danger: var(--tp-error);
  --c-danger-s: var(--tp-error-soft);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-card);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 標題換襯線 */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2 {
  font-family: var(--tp-font-serif);
}

/* 預設按鈕寫死白字：改 accent-on；自訂底色的按鈕指回主文字 */
html[data-tp-theme="v2"] button {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] button.ghost,
html[data-tp-theme="v2"] .seg button,
html[data-tp-theme="v2"] button.choice,
html[data-tp-theme="v2"] .good,
html[data-tp-theme="v2"] .pack,
html[data-tp-theme="v2"] .coin-btn,
html[data-tp-theme="v2"] .chip {
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .seg button[aria-pressed="true"] {
  color: var(--tp-accent-on);
}

/* 寫死 #fff 的面：改白面權杖 */
html[data-tp-theme="v2"] button.ghost,
html[data-tp-theme="v2"] .seg button,
html[data-tp-theme="v2"] label.check,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] #ans-num,
html[data-tp-theme="v2"] .good,
html[data-tp-theme="v2"] .pack,
html[data-tp-theme="v2"] .coin-btn,
html[data-tp-theme="v2"] .ghost-drag,
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .sheet {
  color: var(--tp-text);
}

/* 回饋卡：對錯改成功／錯誤語意淺底（原共用青、米兩色） */
html[data-tp-theme="v2"] .fb.ok {
  background: var(--tp-success-soft);
}
html[data-tp-theme="v2"] .fb.bad {
  background: var(--tp-error-soft);
}

/* 科目識別：區塊眉題用數學墨藍 */
html[data-tp-theme="v2"] .label {
  color: var(--tp-subject-math);
}

/* 學習單題目分隔線：原寫死米色 */
html[data-tp-theme="v2"] .q-block {
  border-bottom-color: var(--tp-line);
}

/* 焦點環跟 accent 系 */
html[data-tp-theme="v2"] button:focus-visible,
html[data-tp-theme="v2"] input:focus-visible,
html[data-tp-theme="v2"] label.check:focus-within {
  outline-color: var(--tp-focus-ring);
}