/* jr16-math-drill（題海特訓營）｜年齡層 junior，墨藍強調、圓角收斂
   對應：--ink→--tp-text、--ink-soft→--tp-text-soft、--muted→--tp-text-faint
   --bg→--tp-bg、--surface→--tp-surface、--line→--tp-line
   --primary→--tp-accent、--primary-d→--tp-accent-strong（主按鈕走年齡層色）
   --good→--tp-success、--bad→--tp-error、--hint→--tp-warning（連同 soft 底）
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--shadow→--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);
  --bg: var(--tp-bg);
  --surface: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-d: var(--tp-accent-strong);
  --copper: var(--tp-accent-text);
  --copper-d: var(--tp-accent-strong);
  --sage: var(--tp-success);
  --gold: var(--tp-warning);
  --good: var(--tp-success);
  --good-bg: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-bg: var(--tp-error-soft);
  --hint: var(--tp-warning);
  --hint-bg: 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 { background-image: none; }
html[data-tp-theme="v2"] .top,
html[data-tp-theme="v2"] .brand-name,
html[data-tp-theme="v2"] .icon-btn { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .icon-btn { border-color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn.copper,
html[data-tp-theme="v2"] .btn.good { background: var(--tp-accent); color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn.copper:hover,
html[data-tp-theme="v2"] .btn.good:hover { background: var(--tp-accent-strong); }
html[data-tp-theme="v2"] .btn.secondary { color: var(--tp-accent-text); border-color: var(--tp-accent); }
html[data-tp-theme="v2"] .btn.secondary:hover { background: var(--tp-accent-soft); }
html[data-tp-theme="v2"] label.check,
html[data-tp-theme="v2"] label.field,
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"] .ans-input,
html[data-tp-theme="v2"] .choice-btn,
html[data-tp-theme="v2"] .key { background: var(--tp-surface); }
html[data-tp-theme="v2"] .key.op { background: var(--tp-accent-soft); color: var(--tp-accent-text); }
html[data-tp-theme="v2"] table.grid th { background: var(--tp-bg-deep); }
html[data-tp-theme="v2"] .bar { background: var(--tp-bg-deep); }
html[data-tp-theme="v2"] .paper { background: var(--tp-surface); color: var(--tp-text); }
html[data-tp-theme="v2"] .sheet-head { border-bottom-color: var(--tp-text); }
html[data-tp-theme="v2"] .blanks input { border-bottom-color: var(--tp-text); }
html[data-tp-theme="v2"] .icon-btn:focus-visible,
html[data-tp-theme="v2"] .btn:focus-visible,
html[data-tp-theme="v2"] input:focus-visible,
html[data-tp-theme="v2"] select:focus-visible,
html[data-tp-theme="v2"] .choice-btn:focus-visible,
html[data-tp-theme="v2"] .key:focus-visible { outline-color: var(--tp-accent); }

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