/* k23-word-confusion（字音字形大對決） kids 層 v2 風格覆寫。
   基底對應：--c-paper→--tp-bg；--c-paper-2→--tp-bg-deep；--c-card→--tp-surface；--c-ink→--tp-text；--c-ink-soft→--tp-text-soft；--c-line→--tp-line。
   主色對應：--c-primary→--tp-accent；--c-primary-deep→--tp-accent-strong；--c-primary-soft→--tp-accent-soft。
   輔色對應：--c-secondary→--tp-subject-math；--c-secondary-soft→--tp-subject-math-soft；--c-gold→--tp-amber；--c-gold-deep→--tp-warning。
   語意對應：--c-ok→--tp-success；--c-ok-soft→--tp-success-soft；--c-bad→--tp-error；--c-bad-soft→--tp-error-soft；--c-hint→--tp-warning；--c-hint-soft→--tp-warning-soft。
   形狀對應：--r-sm→--tp-radius-ctl；--r-md→--tp-radius-card；--r-lg→--tp-radius-xl；--r-pill→--tp-radius-chip；--sh-sm→--tp-shadow-1；--sh-md→--tp-shadow-2；--font→--tp-font-sans。*/

html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-deep: var(--tp-accent-strong);
  --c-primary-soft: var(--tp-accent-soft);
  --c-secondary: var(--tp-subject-math);
  --c-secondary-soft: var(--tp-subject-math-soft);
  --c-gold: var(--tp-amber);
  --c-gold-deep: var(--tp-warning);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-paper: var(--tp-bg);
  --c-paper-2: var(--tp-bg-deep);
  --c-card: var(--tp-surface);
  --c-line: var(--tp-line);
  --c-ok: var(--tp-success);
  --c-ok-soft: var(--tp-success-soft);
  --c-bad: var(--tp-error);
  --c-bad-soft: var(--tp-error-soft);
  --c-hint: var(--tp-warning);
  --c-hint-soft: var(--tp-warning-soft);
  --r-sm: var(--tp-radius-ctl);
  --r-md: var(--tp-radius-card);
  --r-lg: var(--tp-radius-xl);
  --r-pill: var(--tp-radius-chip);
  --sh-sm: var(--tp-shadow-1);
  --sh-md: var(--tp-shadow-2);
  --font: var(--tp-font-sans);
}

html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2 {
  font-family: var(--tp-font-serif);
  font-weight: var(--tp-display-weight);
}

html[data-tp-theme="v2"] ::selection {
  background: var(--tp-accent-soft);
  color: var(--tp-text);
}

html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* 頁首寫死的米白半透明底，換主題背景 */
html[data-tp-theme="v2"] .topbar {
  background: var(--tp-bg);
}

/* body 頂部暈染保留，色調換朱砂極淺底系 */
html[data-tp-theme="v2"] body {
  background-image: linear-gradient(180deg, var(--tp-accent-softer), var(--tp-bg) 320px);
}

/* 寫死的白面改為主題卡片面 */
html[data-tp-theme="v2"] .check,
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] .opt,
html[data-tp-theme="v2"] .char {
  background: var(--tp-surface);
}

/* 主色與輔色底上的寫死白字 */
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-secondary,
html[data-tp-theme="v2"] .ghost {
  color: var(--tp-accent-on);
}

/* 琥珀底按鈕維持深色字 */
html[data-tp-theme="v2"] .btn-gold {
  color: var(--tp-night-paper);
}

/* 反白墨底分頁：底吃主題墨色，字吃主題背景色 */
html[data-tp-theme="v2"] .tab[aria-selected="true"] {
  color: var(--tp-bg);
}

/* 列印卷紙：寫死白底墨色改主題 */
html[data-tp-theme="v2"] .paper {
  background: var(--tp-surface);
  color: var(--tp-text);
}