/* jr11-chemistry（化學變化室）｜年齡層：junior
   對應簡表：--ink→--tp-text、--ink-soft→--tp-text-soft、--muted→--tp-text-faint、--line→--tp-line
   --paper→--tp-bg、--paper-deep→--tp-bg-deep、--card→--tp-surface
   --primary→--tp-accent、--primary-dark→--tp-accent-strong、--primary-soft→--tp-accent-soft、--copper→--tp-accent-text
   --teal→--tp-success、--brick→--tp-error、--gold→--tp-warning，各 soft 階同理
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--shadow→--tp-shadow-2、--font→--tp-font-sans、--chem→--tp-font-serif */
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-dark: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --copper: var(--tp-accent-text);
  --copper-soft: var(--tp-accent-soft);
  --teal: var(--tp-success);
  --teal-soft: var(--tp-success-soft);
  --brick: var(--tp-error);
  --brick-soft: var(--tp-error-soft);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --font: var(--tp-font-sans);
  --chem: var(--tp-font-serif);
}
/* 寫死色碼覆寫 */
html[data-tp-theme="v2"] .topbar { background-color: var(--tp-bg); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-accent); }
/* 主按鈕與選取態：白字改吃 accent-on（深色下自動翻轉） */
html[data-tp-theme="v2"] .skip { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .chip.is-on,
html[data-tp-theme="v2"] .pt b.on,
html[data-tp-theme="v2"] .series span.on { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .pt b.on small { color: var(--tp-accent-on); opacity: 0.85; }
/* 白底元件改吃表面權杖 */
html[data-tp-theme="v2"] .topic,
html[data-tp-theme="v2"] .sim-card,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .calc-screen,
html[data-tp-theme="v2"] .calc-grid button,
html[data-tp-theme="v2"] .pt b { background-color: var(--tp-surface); }
html[data-tp-theme="v2"] .answer-line input,
html[data-tp-theme="v2"] .coef-in,
html[data-tp-theme="v2"] .text-in,
html[data-tp-theme="v2"] .num-in,
html[data-tp-theme="v2"] select.field { background-color: var(--tp-surface); color: var(--tp-text); caret-color: var(--tp-accent); }
/* 底部分頁列（寫死白底）與銅色鈕邊線 */
html[data-tp-theme="v2"] .tabbar { background-color: var(--tp-surface); }
html[data-tp-theme="v2"] .btn-copper { border-color: var(--tp-line-strong); }
/* 難度標籤與星星的寫死色 */
html[data-tp-theme="v2"] .tag-diff { color: var(--tp-warning); }
html[data-tp-theme="v2"] .star { fill: var(--tp-line); }
/* 學習單與實驗舞台 */
html[data-tp-theme="v2"] .sheet { background-color: var(--tp-surface); color: var(--tp-text); }
html[data-tp-theme="v2"] .stage { background: var(--tp-bg-deep); }
html[data-tp-theme="v2"] .exam-q { border-top-color: var(--tp-line); }
html[data-tp-theme="v2"] .work { background-image: repeating-linear-gradient(transparent, transparent 24px, var(--tp-line) 25px); }

/* D2d 對比補修（1151001）。 */
/* .btn 一律白字會蓋掉 .btn-ghost（透明底）與 .btn-copper（淺底）的字色；補回。 */
html[data-tp-theme="v2"] .btn-ghost {
  color: var(--tp-accent-text);
}

html[data-tp-theme="v2"] .btn-copper {
  color: var(--tp-text);
}