/* w19-bridge（國小升國中銜接包）— v2 風格覆寫，年齡層 junior。
   對應簡表：--paper→--tp-bg、--paper-2→--tp-surface、--ink→--tp-text、--muted→--tp-text-soft、--line→--tp-line；
   --primary 系→--tp-accent 系（主按鈕、進度條、選取態）、--accent 系→--tp-error 系、--gold 系→--tp-warning 系；
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--shadow→--tp-shadow-1、--font→--tp-font-sans。
   .btn-accent 與焦點環另指回 --tp-accent；答對標記（is-good／feedback.ok／pip.done）改回 --tp-success 系。 */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-2: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-soft: var(--tp-accent-soft);
  --primary-ink: var(--tp-accent-on);
  --accent: var(--tp-error);
  --accent-soft: var(--tp-error-soft);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}
html[data-tp-theme="v2"] body {
  font-family: var(--tp-font-sans);
}
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3,
html[data-tp-theme="v2"] .stem {
  font-family: var(--tp-font-serif);
  font-weight: 800;
}
/* 主按鈕：墨藍底、accent-on 字，hover 加深 */
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-accent {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-primary:hover,
html[data-tp-theme="v2"] .btn-accent:hover {
  background: var(--tp-accent-strong);
}
/* 焦點環跟 accent */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}
/* primary 兼任成功語意的部分改回 success */
html[data-tp-theme="v2"] .choice.is-good {
  border-color: var(--tp-success);
  background: var(--tp-success-soft);
}
html[data-tp-theme="v2"] .feedback.ok {
  background: var(--tp-success-soft);
}
html[data-tp-theme="v2"] .pip.done {
  background: var(--tp-success-soft);
  color: var(--tp-success);
}
/* 文字強調用 accent-text，保對比 */
html[data-tp-theme="v2"] .kicker,
html[data-tp-theme="v2"] .key,
html[data-tp-theme="v2"] .code {
  color: var(--tp-accent-text);
}
/* 寫死色碼：學習單白卡與輸入框 */
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .textin {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .textin:focus {
  border-color: var(--tp-accent);
}