/* jr07-english-vocab（單字攻頂塔）；年齡層：junior；v2 風格覆寫。
   簡表：--ink→--tp-text、--ink-soft／--muted→--tp-text-soft、--paper→--tp-bg、--paper-2→--tp-bg-deep、--surface→--tp-surface、--line→--tp-line。
   --primary→--tp-accent、--primary-strong→--tp-accent-strong、--primary-soft→--tp-accent-soft（主按鈕走年齡層色；模式卡頂邊與塔層另指回 --tp-subject-en）。
   --gold→--tp-warning、--gold-soft→--tp-warning-soft；--terra→--tp-subject-skills、--terra-soft→--tp-subject-skills-soft（詞性、警示鈕近原色）。
   --ok→--tp-success、--bad→--tp-error（soft 同名對應）；--info→--tp-info。
   --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-2: var(--tp-bg-deep);
  --surface: var(--tp-surface);
  --primary: var(--tp-accent);
  --primary-strong: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --terra: var(--tp-subject-skills);
  --terra-soft: var(--tp-subject-skills-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-soft: var(--tp-error-soft);
  --info: var(--tp-info);
  --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"] body {
  background: var(--tp-bg);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] ::selection {
  background-color: var(--tp-accent-soft);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}
html[data-tp-theme="v2"] .top {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .btn {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .gold {
  color: var(--tp-warning);
  border-color: var(--tp-warning);
}
html[data-tp-theme="v2"] .danger {
  border-color: var(--tp-subject-skills);
}
html[data-tp-theme="v2"] .kicker {
  color: var(--tp-subject-en);
}
html[data-tp-theme="v2"] .mode {
  border-top-color: var(--tp-subject-en);
}
html[data-tp-theme="v2"] .mode.alt {
  border-top-color: var(--tp-subject-skills);
}
html[data-tp-theme="v2"] .floor {
  border-left-color: var(--tp-subject-en);
}
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="search"],
html[data-tp-theme="v2"] textarea {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .tag {
  color: var(--tp-warning);
}
html[data-tp-theme="v2"] .face.back {
  background: var(--tp-surface-2);
}
html[data-tp-theme="v2"] .meta {
  color: var(--tp-text-soft);
}
html[data-tp-theme="v2"] .ansline {
  border-bottom-color: var(--tp-text-soft);
}
html[data-tp-theme="v2"] .banner {
  border-color: var(--tp-subject-skills);
}