/* j26-classical-particles（文言虛字小辭典）｜年齡層：junior（墨藍強調、圓角收斂）
   對應：--ink→--tp-text、--ink-soft→--tp-text-soft、--paper→--tp-bg-deep、--card→--tp-surface、--line→--tp-line。
   --primary→--tp-accent、--primary-strong→--tp-accent-strong、--primary-soft→--tp-accent-soft。
   --cinnabar→--tp-subject-zh（國文朱砂點綴；文字處另用 --tp-error 保對比）、--bamboo→--tp-warning、--gold→--tp-amber。
   --ok→--tp-success、--bad→--tp-error（連同各自 -soft）、--radius→--tp-radius-card、--radius-sm→--tp-radius-ctl。
   --shadow／--shadow-sm→--tp-shadow-1、--font→--tp-font-sans；標題襯線、例句楷體；深色由 tp 權杖自動切換。 */

/* 主軸：把 App 自訂屬性整批指向 v2 權杖 */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg-deep);
  --card: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-strong: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --cinnabar: var(--tp-subject-zh);
  --cinnabar-soft: var(--tp-error-soft);
  --bamboo: var(--tp-warning);
  --gold: var(--tp-amber);
  --gold-soft: var(--tp-warning-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-soft: var(--tp-error-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-1);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 朱砂文字（品牌、虛字標記）用對比安全階 */
html[data-tp-theme="v2"] .brand,
html[data-tp-theme="v2"] .mark {
  color: var(--tp-error);
}

/* 主色底上的白字改走 --tp-accent-on */
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .chip.on,
html[data-tp-theme="v2"] .seg button.on {
  color: var(--tp-accent-on);
}
/* 還原 ghost 鈕的文字色（避免被上行蓋過） */
html[data-tp-theme="v2"] .btn.ghost {
  color: var(--tp-accent-strong);
}

/* 寫死的白底輸入框、輸出區、試卷紙 */
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] select {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .sheet {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .calc-out {
  background-color: var(--tp-surface);
}

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

/* 標題換襯線、文言例句換楷體，貼近小辭典氣質 */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3,
html[data-tp-theme="v2"] .paper-title {
  font-family: var(--tp-font-serif);
}
html[data-tp-theme="v2"] .sent {
  font-family: var(--tp-font-kai);
}

/* 聚焦環對齊 v2 */
html[data-tp-theme="v2"] :focus-visible {
  outline: 3px solid var(--tp-focus-ring);
}

/* 選取色對齊 v2 */
html[data-tp-theme="v2"] ::selection {
  background-color: var(--tp-accent-soft);
  color: var(--tp-text);
}