/* ============================================================
   j06-english-translation（英文句子鍛造所）v2 風格覆寫
   年齡層：junior；科目：英語（識別色 --tp-subject-en）
   自訂屬性→權杖對應簡表：
   ・--ink→--tp-text、--ink-soft／--muted→--tp-text-soft、--paper→--tp-bg、--paper-deep→--tp-bg-deep、--card→--tp-surface
   ・--primary→--tp-accent（標題、主按鈕、按下態）、--primary-strong→--tp-accent-strong、--on-primary→--tp-accent-on
   ・--accent→--tp-warning（裝飾槓、提示框、星級、進度條）；--accent-deep／--accent-soft→--tp-error／--tp-error-soft（銅牌、錯誤標記）
   ・--support（-soft）→--tp-success（-soft）、--warn-soft→--tp-warning-soft、--ok-soft→--tp-success-soft、--bad-soft→--tp-error-soft
   ・--radius→--tp-radius-card、--radius-sm→--tp-radius-ctl；--shadow→--tp-shadow-2、--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);
  --line: var(--tp-line);
  --paper: var(--tp-bg);
  --paper-deep: var(--tp-bg-deep);
  --card: var(--tp-surface);
  --primary: var(--tp-accent);
  --primary-strong: var(--tp-accent-strong);
  --on-primary: var(--tp-accent-on);
  --accent: var(--tp-warning);
  --accent-deep: var(--tp-error);
  --accent-soft: var(--tp-error-soft);
  --support: var(--tp-success);
  --support-soft: var(--tp-success-soft);
  --warn-soft: var(--tp-warning-soft);
  --ok-soft: var(--tp-success-soft);
  --bad-soft: var(--tp-error-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 標題改襯線，參考書氣質（h1、h2 原吃 --primary，已自動轉 accent 墨藍） */
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，已改指 warning） */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* 錯誤語意統一：原「銅色框＋錯誤淺底」的混搭改回 error 一組 */
html[data-tp-theme="v2"] .wrong-sentence,
html[data-tp-theme="v2"] .quote {
  border-left-color: var(--tp-error);
}
html[data-tp-theme="v2"] .chip.chip-bad {
  border-color: var(--tp-error);
  background: var(--tp-error-soft);
}

/* 寫死色覆寫：輸入框、拖放區、計算機鍵白底改表面色，深色自動跟隨 */
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] textarea,
html[data-tp-theme="v2"] .zone,
html[data-tp-theme="v2"] .calc-grid button {
  background: var(--tp-surface);
}

/* 寫死色覆寫：作答放置區淡綠底改 accent 淺底，與墨藍框成套 */
html[data-tp-theme="v2"] .answer-zone {
  background: var(--tp-accent-soft);
}

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

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

/* 寫死色覆寫：列印試卷紙面與書寫線 */
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .sheet h1 {
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .write-line {
  border-bottom-color: var(--tp-line-strong);
}