/* k24-abc-writing（英文字母書寫本） kids 層 v2 風格覆寫。
   基底對應：--c-bg→--tp-bg；--c-bg-deep→--tp-bg-deep；--c-surface→--tp-surface；--c-ink→--tp-text；--c-ink-soft→--tp-text-soft；--c-line→--tp-line；--c-line-strong→--tp-line-strong。
   主色對應：--c-primary→--tp-accent；--c-primary-deep→--tp-accent-strong；--c-primary-ink→--tp-accent-on。
   輔色對應：--c-accent→--tp-subject-en；--c-accent-deep→--tp-subject-en；--c-accent-2→--tp-amber；--c-trace→--tp-accent-text。
   語意對應：--c-ok→--tp-success；--c-ok-bg→--tp-success-soft；--c-no→--tp-error；--c-no-bg→--tp-error-soft。
   形狀對應：--r-sm→--tp-radius-ctl；--r-md→--tp-radius-card；--r-lg→--tp-radius-xl；--shadow→--tp-shadow-2；--shadow-sm→--tp-shadow-1；--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-ink: var(--tp-accent-on);
  --c-accent: var(--tp-subject-en);
  --c-accent-deep: var(--tp-subject-en);
  --c-accent-2: var(--tp-amber);
  --c-bg: var(--tp-bg);
  --c-bg-deep: var(--tp-bg-deep);
  --c-surface: var(--tp-surface);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-line-strong: var(--tp-line-strong);
  --c-ok: var(--tp-success);
  --c-ok-bg: var(--tp-success-soft);
  --c-no: var(--tp-error);
  --c-no-bg: var(--tp-error-soft);
  --c-trace: var(--tp-accent-text);
  --r-sm: var(--tp-radius-ctl);
  --r-md: var(--tp-radius-card);
  --r-lg: var(--tp-radius-xl);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --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"] .btn:focus-visible,
html[data-tp-theme="v2"] .icon-btn:focus-visible,
html[data-tp-theme="v2"] .pick:focus-visible,
html[data-tp-theme="v2"] .choice:focus-visible,
html[data-tp-theme="v2"] .tab:focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* 寫死的白面改為主題卡片面 */
html[data-tp-theme="v2"] .pick,
html[data-tp-theme="v2"] .field,
html[data-tp-theme="v2"] canvas.board,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .tab,
html[data-tp-theme="v2"] .paper {
  background: var(--tp-surface);
}

/* 寫死的橘色半透明框線，統一換主題邊線 */
html[data-tp-theme="v2"] .btn-ghost,
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] canvas.board {
  border-color: var(--tp-line);
}

/* 綠底元件上的寫死白字 */
html[data-tp-theme="v2"] .btn-accent,
html[data-tp-theme="v2"] .pick[aria-pressed="true"] {
  color: var(--tp-accent-on);
}

/* 進度點的寫死灰粉，換主題邊線色 */
html[data-tp-theme="v2"] .dot {
  background: var(--tp-line);
}

/* D2d 對比補修（1151001）。 */
/* .tab 的面底（特異性較高）蓋掉選取態的主色底；補回（kids 層用深一階 accent 底色）。 */
html[data-tp-theme="v2"] .tab[aria-selected="true"] {
  background: var(--tp-accent-strong);
  border-color: var(--tp-accent-strong);
}