/* ============================================================
   j05-english-reading（英文閱讀特訓營）v2 風格覆寫
   年齡層：junior；科目：英語（識別色 --tp-subject-en）
   自訂屬性→權杖對應簡表：
   ・--ink→--tp-text、--ink-soft→--tp-text-soft、--paper→--tp-bg、--paper-2→--tp-surface、--line→--tp-line
   ・--primary→--tp-accent（頂欄、主按鈕、選取態）、--primary-2→--tp-accent-strong、--on-primary→--tp-accent-on
   ・--accent（-soft）→--tp-warning（-soft）（眉題、星級、標記、廣告框）；--sage／--ok（-soft）→--tp-success（-soft）
   ・--danger（-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（標題改 --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-2: var(--tp-accent-strong);
  --on-primary: var(--tp-accent-on);
  --accent: var(--tp-warning);
  --accent-soft: var(--tp-warning-soft);
  --sage: var(--tp-success);
  --sage-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);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: 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,
html[data-tp-theme="v2"] h4 {
  font-family: var(--tp-font-serif);
}

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

/* 主按鈕 hover 加深（原無 hover 規則） */
html[data-tp-theme="v2"] .btn-primary:hover {
  background: var(--tp-accent-strong);
  border-color: var(--tp-accent-strong);
}

/* 模式卡左緣識別色：A 模式保留英語科目色，其餘吃 accent */
html[data-tp-theme="v2"] .mode.a {
  border-left-color: var(--tp-subject-en);
}

/* 寫死色覆寫：選項選取態淺底 */
html[data-tp-theme="v2"] .choice.is-on {
  background: var(--tp-accent-soft);
}

/* 寫死色覆寫：成功鈕字色改 accent-on，深色自動反轉 */
html[data-tp-theme="v2"] .btn-sage {
  color: var(--tp-accent-on);
}

/* 寫死色覆寫：進度條軌道 */
html[data-tp-theme="v2"] .bar {
  background: var(--tp-bg-deep);
}

/* 寫死色覆寫：單字 hover 底線色（原琥珀 rgba） */
html[data-tp-theme="v2"] .w:hover,
html[data-tp-theme="v2"] .term .w {
  text-decoration-color: var(--tp-warning);
}

/* 寫死色覆寫：列印試卷紙面，深色下跟隨表面與文字 */
html[data-tp-theme="v2"] #sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
}

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