/* ============================================================
   j08-word-problems（應用題建模師）v2 風格覆寫
   年齡層：junior；科目：數學（識別色 --tp-subject-math，junior 與 accent 同為墨藍系）
   自訂屬性→權杖對應簡表：
   ・--bg→--tp-bg、--bg-elev→--tp-surface、--ink→--tp-text、--ink-soft→--tp-text-soft、--line→--tp-line
   ・--primary→--tp-accent（主按鈕、選取態、進度條）、--primary-ink→--tp-accent-on、--primary-soft→--tp-accent-soft
   ・--secondary→--tp-accent-strong（眉題、目前步驟）、--secondary-soft→--tp-accent-soft（圖解區、回饋預設底）
   ・--accent（-soft）→--tp-error（-soft）（品牌字，原銅褐轉朱砂深保對比）；--gold（-soft）→--tp-warning（-soft）（星級、揭曉）
   ・--danger（-soft）→--tp-error（-soft）；--r／--r-lg→--tp-radius-card；--shadow→--tp-shadow-2、--shadow-sm→--tp-shadow-1；--font→--tp-font-sans
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --bg-elev: var(--tp-surface);
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-ink: var(--tp-accent-on);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-error);
  --accent-soft: var(--tp-error-soft);
  --secondary: var(--tp-accent-strong);
  --secondary-soft: var(--tp-accent-soft);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --r: var(--tp-radius-card);
  --r-lg: var(--tp-radius-card);
  --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"] .title {
  font-family: var(--tp-font-serif);
}

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

/* 單選鈕選取色跟 accent */
html[data-tp-theme="v2"] .choice input {
  accent-color: var(--tp-accent);
}

/* 寫死色覆寫：頂欄半透明白改表面色（深色自動轉夜間面） */
html[data-tp-theme="v2"] .topbar {
  background: var(--tp-surface);
}

/* 吉祥物舞台格線：原寫死綠色格線改權杖邊線色，底已隨 --primary-soft 轉 accent 淺底 */
html[data-tp-theme="v2"] .mascot-stage {
  background-image:
    linear-gradient(var(--tp-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--tp-line) 1px, transparent 1px);
}

/* 寫死色覆寫：主模式卡次要字、目前步驟字色改 accent-on */
html[data-tp-theme="v2"] .mode-card.primary span,
html[data-tp-theme="v2"] .stepper .now {
  color: var(--tp-accent-on);
}

/* 完成語意歸隊成功色：原與「選取態」共用 primary-soft，拆開 */
html[data-tp-theme="v2"] .stepper .done {
  background: var(--tp-success-soft);
  color: var(--tp-success);
}
html[data-tp-theme="v2"] .chip.mark-ok {
  border-color: var(--tp-success);
  background: var(--tp-success-soft);
}
html[data-tp-theme="v2"] .feedback.ok {
  background: var(--tp-success-soft);
}

/* 寫死色覆寫：輸入框與計算機顯示白底改表面色 */
html[data-tp-theme="v2"] .field input[type="text"],
html[data-tp-theme="v2"] .calc-display {
  background: var(--tp-surface);
}

/* 寫死色覆寫：列印學習單紙面、填空線與書寫格線 */
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .blank {
  border-bottom-color: var(--tp-text);
}
html[data-tp-theme="v2"] .write-lines {
  background-image: repeating-linear-gradient(to bottom, transparent, transparent 8mm, var(--tp-line) 8mm, var(--tp-line) calc(8mm + 0.6px));
}