/* jr19-graphing（座標作圖室）｜年齡層 junior，墨藍強調、圓角收斂
   對應：--ink→--tp-text、--ink-soft→--tp-text-soft、--muted→--tp-text-faint
   --paper→--tp-bg、--card→--tp-surface、--line→--tp-line
   --primary 三階→--tp-accent／--tp-accent-strong／--tp-accent-soft（主按鈕走年齡層色）
   --copper→--tp-accent、--ochre→--tp-warning、--sage／--ok→--tp-success、--danger→--tp-error
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--shadow→--tp-shadow-2、--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);
  --card: var(--tp-surface);
  --primary: var(--tp-accent);
  --primary-hover: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --copper: var(--tp-accent);
  --copper-soft: var(--tp-accent-soft);
  --ochre: var(--tp-warning);
  --ochre-soft: var(--tp-warning-soft);
  --sage: var(--tp-success);
  --sage-soft: var(--tp-success-soft);
  --line: var(--tp-line);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --shadow-sm: var(--tp-shadow-1);
  --shadow: var(--tp-shadow-2);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --font: var(--tp-font-sans);
}
/* 寫死色碼逐條覆寫 */
html[data-tp-theme="v2"] body { background-image: none; }
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 { font-weight: 800; }
html[data-tp-theme="v2"] .skip,
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-copper { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .topbar { background: var(--tp-bg); }
html[data-tp-theme="v2"] .mascot-card { border-radius: var(--tp-radius-card); }
html[data-tp-theme="v2"] .grid-bg {
  background-image: linear-gradient(to right, var(--tp-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--tp-line) 1px, transparent 1px);
}
html[data-tp-theme="v2"] .action-card.primary,
html[data-tp-theme="v2"] .action-card.primary span { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] textarea,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .list article,
html[data-tp-theme="v2"] .hist { background: var(--tp-surface); }
html[data-tp-theme="v2"] .sheet { background: var(--tp-surface); color: var(--tp-text); }
html[data-tp-theme="v2"] .badge { color: var(--tp-warning); }
html[data-tp-theme="v2"] .feedback.ok { border-color: var(--tp-success); }
html[data-tp-theme="v2"] .feedback.bad { border-color: var(--tp-error); }
html[data-tp-theme="v2"] .feedback.think { border-color: var(--tp-warning); }
html[data-tp-theme="v2"] .star { color: var(--tp-line); }
html[data-tp-theme="v2"] .calc { background: var(--tp-text); color: var(--tp-bg); }
html[data-tp-theme="v2"] .calc-screen { background: var(--tp-bg); color: var(--tp-text); }
html[data-tp-theme="v2"] .calc-keys button { background: var(--tp-surface-2); color: var(--tp-text); }
html[data-tp-theme="v2"] .calc-keys button.op,
html[data-tp-theme="v2"] .calc-keys button.eq { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .tool[aria-pressed="true"] { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .plane-wrap { background: var(--tp-surface); }
html[data-tp-theme="v2"] .readout { color: var(--tp-accent-text); }
html[data-tp-theme="v2"] .blank { border-bottom-color: var(--tp-text); }
html[data-tp-theme="v2"] .banner { color: var(--tp-warning); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-accent); }