/* ============================================================
   k10-punctuation（標點符號修理廠）v2 風格覆寫
   年齡層：kids（國語科練習 App）
   自訂屬性 → 權杖對應簡表：
   --ink→--tp-text、--ink-soft→--tp-text-soft、--paper→--tp-bg、--card→--tp-surface、--line→--tp-line
   --primary／--primary-deep／--primary-soft→--tp-accent／--tp-accent-strong／--tp-accent-soft
   --accent(-deep/-soft)→--tp-success(-soft)（答對、揭示、次強調）；--brass(-soft)→--tp-warning(-soft)
   --danger／--danger-soft→--tp-error／--tp-error-soft；--paper-2→--tp-accent-soft（投放區）
   --radius-sm→--tp-radius-ctl、--radius→--tp-radius-card、--radius-lg→--tp-radius-xl
   --shadow→--tp-shadow-2、--shadow-pop→--tp-shadow-pop、--font→--tp-font-sans
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-2: var(--tp-accent-soft);
  --card: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent-strong);
  --primary-deep: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-success);
  --accent-deep: var(--tp-success);
  --accent-soft: var(--tp-success-soft);
  --brass: var(--tp-warning);
  --brass-deep: var(--tp-warning);
  --brass-soft: var(--tp-warning-soft);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-xl);
  --shadow: var(--tp-shadow-2);
  --shadow-pop: var(--tp-shadow-pop);
  --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);
}
html[data-tp-theme="v2"] .sentence,
html[data-tp-theme="v2"] .rule .sym {
  font-family: var(--tp-font-kai);
}

/* 焦點環改跟 accent 系（原為紙色＋青綠雙層陰影） */
html[data-tp-theme="v2"] :focus-visible {
  box-shadow: 0 0 0 3px var(--tp-bg), 0 0 0 6px var(--tp-focus-ring);
}

/* 主按鈕群一律 accent 底＋accent-on 字，深色自動反轉 */
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-accent,
html[data-tp-theme="v2"] .btn-brass {
  background: var(--tp-accent-strong);
  color: var(--tp-accent-on);
}

/* 寫死白面覆寫：選項、輸入框、考卷、進度軌道 */
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .opt,
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .bar {
  background: var(--tp-bg-deep);
}
html[data-tp-theme="v2"] .bar > span {
  background: var(--tp-subject-zh);
}

/* 規則卡邊線（原寫死淺金）改跟提示色 */
html[data-tp-theme="v2"] .rule {
  border-color: var(--tp-warning);
}

/* 拖曳幽靈字色跟隨 accent-on */
html[data-tp-theme="v2"] .drag-ghost {
  color: var(--tp-accent-on);
}