/* jr10-physics（物理實驗室）｜年齡層：junior
   對應簡表：--ink→--tp-text、--ink-soft→--tp-text-soft、--muted→--tp-text-faint、--line→--tp-line、--line-strong→--tp-line-strong
   --paper→--tp-bg、--paper-2→--tp-surface-2、--card→--tp-surface
   --primary→--tp-accent、--primary-deep→--tp-accent-strong、--primary-soft→--tp-accent-soft、--accent／--accent-deep→--tp-accent-text
   --accent-2／--ok→--tp-success、--danger→--tp-error、--warn→--tp-warning，各 soft 階同理
   --radius→--tp-radius-card、--shadow→--tp-shadow-2、--shadow-sm→--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-2: var(--tp-surface-2);
  --card: var(--tp-surface);
  --line: var(--tp-line);
  --line-strong: var(--tp-line-strong);
  --primary: var(--tp-accent);
  --primary-deep: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-accent-text);
  --accent-deep: var(--tp-accent-text);
  --accent-soft: var(--tp-accent-soft);
  --accent-2: var(--tp-success);
  --accent-2-deep: var(--tp-success);
  --accent-2-soft: var(--tp-success-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --warn: var(--tp-warning);
  --warn-soft: var(--tp-warning-soft);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --radius: var(--tp-radius-card);
  --font: var(--tp-font-sans);
}
/* 寫死色碼覆寫 */
html[data-tp-theme="v2"] .top { background-color: var(--tp-bg); }
html[data-tp-theme="v2"] ::selection { background-color: var(--tp-accent-soft); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-accent); }
/* 主按鈕與選取態：白字改吃 accent-on（深色下自動翻轉） */
html[data-tp-theme="v2"] .btn { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn.secondary { color: var(--tp-accent-text); }
html[data-tp-theme="v2"] .chip.on { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .icon-btn[aria-pressed="true"] { background-color: var(--tp-accent); color: var(--tp-accent-on); }
/* 跳轉連結改走強調色 */
html[data-tp-theme="v2"] .skip { background-color: var(--tp-accent); color: var(--tp-accent-on); }
/* 輸入框與計算機顯示幕白底改吃表面權杖 */
html[data-tp-theme="v2"] .answer-row input[type="text"],
html[data-tp-theme="v2"] .field input[type="text"],
html[data-tp-theme="v2"] .calc-display { background-color: var(--tp-surface); color: var(--tp-text); caret-color: var(--tp-accent); }
/* 回饋與提示框邊線對齊語意色 */
html[data-tp-theme="v2"] .feedback.ok { border-color: var(--tp-success); }
html[data-tp-theme="v2"] .feedback.hint { border-color: var(--tp-warning); }
html[data-tp-theme="v2"] .feedback.bad { border-color: var(--tp-error); }
html[data-tp-theme="v2"] .notice { border-color: var(--tp-warning); }

/* D2d 對比補修（1151001）。 */
/* .btn 一律白字會蓋掉 .btn.ghost 的次要字色，白字落在卡片底上；補回。 */
html[data-tp-theme="v2"] .btn.ghost {
  color: var(--tp-text-soft);
}