/* jr17-exam-warroom（會考戰情室）｜年齡層 junior，墨藍強調、圓角收斂
   對應：--ink→--tp-text、--ink-soft→--tp-text-soft、--muted→--tp-text-faint
   --paper→--tp-bg、--surface→--tp-surface、--surface-2→--tp-bg-deep、--line→--tp-line
   --primary 三階→--tp-accent／--tp-accent-strong／--tp-accent-soft（主按鈕走年齡層色）
   --accent→--tp-warning、--seal→--tp-error、--ok→--tp-success、--warn→--tp-warning（連同 soft 底）
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--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);
  --surface: var(--tp-surface);
  --surface-2: var(--tp-bg-deep);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-strong: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-warning);
  --accent-soft: var(--tp-warning-soft);
  --seal: var(--tp-error);
  --seal-soft: var(--tp-error-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --warn: var(--tp-warning);
  --warn-soft: var(--tp-warning-soft);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-card);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}
/* 寫死色碼逐條覆寫 */
html[data-tp-theme="v2"] .topbar,
html[data-tp-theme="v2"] .topbar button { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .topbar button { border-color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] button.btn { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn.secondary { color: var(--tp-accent-text); border-color: var(--tp-accent); }
html[data-tp-theme="v2"] .btn.warn { color: var(--tp-accent-on); }
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"] textarea,
html[data-tp-theme="v2"] .checks label,
html[data-tp-theme="v2"] label.choice,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .dot,
html[data-tp-theme="v2"] .calc { background: var(--tp-surface); }
html[data-tp-theme="v2"] .dot.on { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .calc-screen { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .banner { border-color: var(--tp-warning); }
html[data-tp-theme="v2"] .tag.alt { color: var(--tp-warning); }
html[data-tp-theme="v2"] .star { fill: var(--tp-line); }
html[data-tp-theme="v2"] .tip b { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-accent); }

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

html[data-tp-theme="v2"] .dot.on {
  background: var(--tp-accent);
}