/* ============================================================
   j07-geometry-proof（幾何證明工作台）v2 風格覆寫
   年齡層：junior；科目：數學（識別色 --tp-subject-math，junior 與 accent 同為墨藍系）
   自訂屬性→權杖對應簡表：
   ・--ink→--tp-text、--ink-soft→--tp-text-soft、--paper→--tp-bg、--paper-2→--tp-surface、--line→--tp-line
   ・--primary→--tp-accent（品牌、主按鈕、進度條、理由字）、--primary-ink→--tp-accent-on
   ・--accent（-soft）→--tp-error（-soft）（眉題、證步卡左緣、提示回饋；原銅褐與朱砂深同調且對比達標）
   ・--support（-soft）→--tp-success（-soft）（放置區）、--ok（-soft）→--tp-success（-soft）、--danger（-soft）→--tp-error（-soft）
   ・--radius→--tp-radius-card；--shadow→--tp-shadow-1（junior 陰影收淡）；--font→--tp-font-sans（標題改 --tp-font-serif）
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-2: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-ink: var(--tp-accent-on);
  --accent: var(--tp-error);
  --accent-soft: var(--tp-error-soft);
  --support: var(--tp-success);
  --support-soft: var(--tp-success-soft);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --radius: var(--tp-radius-card);
  --shadow: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 標題改襯線，參考書氣質 */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 {
  font-family: var(--tp-font-serif);
}

/* 焦點環改跟 accent 系（原吃 --accent，已改指 error） */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* 寫死色覆寫：強調鈕與確認鈕字色改 accent-on，深色自動反轉 */
html[data-tp-theme="v2"] .btn.accent,
html[data-tp-theme="v2"] .btn.ok {
  color: var(--tp-accent-on);
}

/* 寫死色覆寫：chip、證步卡、放置區、清單項、輸入框白底改表面色 */
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .pcard,
html[data-tp-theme="v2"] .zone.pool,
html[data-tp-theme="v2"] .item,
html[data-tp-theme="v2"] select.big,
html[data-tp-theme="v2"] input[type=text],
html[data-tp-theme="v2"] .calc-grid button {
  background: var(--tp-surface);
}

/* 寫死色覆寫：chip 選取態淡青底改 accent 淺底，字用 accent-text 保對比 */
html[data-tp-theme="v2"] .chip.on {
  background: var(--tp-accent-soft);
  color: var(--tp-accent-text);
}

/* 寫死色覆寫：計算機螢幕墨底米字改文字／背景語意對，深色自動反轉 */
html[data-tp-theme="v2"] .calc-screen {
  background: var(--tp-text);
  color: var(--tp-bg);
}

/* 寫死色覆寫：列印證明卷紙面、表頭線與表格線 */
html[data-tp-theme="v2"] .sheet {
  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"] table.proof th,
html[data-tp-theme="v2"] table.proof td {
  border-color: var(--tp-line-strong);
}
html[data-tp-theme="v2"] table.proof th {
  background: var(--tp-bg-deep);
}