/* j11-pythagoras（畢氏定理與根號工坊）— v2 風格覆寫，年齡層 junior。
   對應簡表：--paper→--tp-bg、--paper-deep→--tp-bg-deep、--card→--tp-surface、
   --ink→--tp-text、--ink-soft→--tp-text-soft、--muted→--tp-text-soft、--line→--tp-line；
   --primary 系與 --accent 系→--tp-accent 系（主按鈕統一墨藍）；
   --gold→--tp-warning（星星、紙花、焦點改跟 accent）、--ok→--tp-success、--bad→--tp-error、--hint→--tp-warning；
   圓角→--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);
  --muted: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-deep: var(--tp-bg-deep);
  --card: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-deep: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-accent);
  --accent-deep: var(--tp-accent-strong);
  --accent-soft: var(--tp-accent-soft);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-soft: var(--tp-error-soft);
  --hint: var(--tp-warning);
  --hint-soft: var(--tp-warning-soft);
  --shadow: var(--tp-shadow-1);
  --shadow-sm: var(--tp-shadow-1);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --font: var(--tp-font-sans);
}
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 {
  font-family: var(--tp-font-serif);
  font-weight: 800;
}
/* 主按鈕與 accent 鈕：墨藍底、accent-on 字 */
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);
}
/* 品牌眉題與晶片文字用 accent-text 保對比 */
html[data-tp-theme="v2"] .brand-kicker,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .keypad button.op {
  color: var(--tp-accent-text);
}
/* 寫死白底的元件改吃 surface */
html[data-tp-theme="v2"] .choice-btn,
html[data-tp-theme="v2"] .check,
html[data-tp-theme="v2"] .radio,
html[data-tp-theme="v2"] #answer-input,
html[data-tp-theme="v2"] .text-input,
html[data-tp-theme="v2"] .keypad button,
html[data-tp-theme="v2"] .calc-keys button,
html[data-tp-theme="v2"] .proof-fig,
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"] .calc-screen {
  background: var(--tp-night-surface);
  color: var(--tp-night-ink);
}
/* 未得星改吃邊線色，深色下仍看得見 */
html[data-tp-theme="v2"] .star-off {
  fill: var(--tp-line);
}