/* j10-quadratic（二次方程式攻略）— v2 風格覆寫，年齡層 junior。
   對應簡表：--paper→--tp-bg、--paper-deep→--tp-bg-deep、--surface→--tp-surface、
   --ink→--tp-text、--ink-soft→--tp-text-soft、--line→--tp-line；
   --primary 系→--tp-accent 系（主按鈕統一墨藍，--primary-ink→--tp-accent-on）；
   --accent-2 系→--tp-accent-text／--tp-accent-soft、--accent-soft→--tp-warning-soft；
   --ok→--tp-success、--bad→--tp-error；圓角→--tp-radius-card／--tp-radius-ctl、陰影→--tp-shadow-1、--font→--tp-font-sans。 */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-deep: var(--tp-bg-deep);
  --surface: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-ink: var(--tp-accent-on);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-accent);
  --accent-soft: var(--tp-warning-soft);
  --accent-2: var(--tp-accent-text);
  --accent-2-soft: var(--tp-accent-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-soft: var(--tp-error-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-1);
  --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);
  font-weight: 800;
}
/* 跳轉連結原為墨底白字，改為文字色底配背景色字，深淺色皆成立 */
html[data-tp-theme="v2"] .skip {
  background: var(--tp-text);
  color: var(--tp-bg);
}
/* ghost 鈕的文字色用 accent-text 保對比 */
html[data-tp-theme="v2"] .btn.ghost {
  color: var(--tp-accent-text);
  border-color: var(--tp-accent);
}
/* 寫死白底的輸入框、核取列、圖表與學習單改吃 surface */
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] .check,
html[data-tp-theme="v2"] .graph,
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .sheet {
  color: var(--tp-text);
}