/* k22-picture-writing（看圖寫作教練） kids 層 v2 風格覆寫。
   基底對應：--c-bg→--tp-bg；--c-ink→--tp-text；--c-ink-soft→--tp-text-soft；--c-line→--tp-line；--c-surface→--tp-surface。
   主色對應：--c-primary→--tp-accent；--c-primary-d→--tp-accent-strong；--c-primary-s→--tp-accent-soft。
   語意對應：--c-leaf→--tp-success；--c-leaf-s→--tp-success-soft；--c-danger→--tp-error。
   輔色對應：--c-sky→--tp-subject-math；--c-sky-s→--tp-subject-math-soft；--c-gold→--tp-amber；--c-gold-s→--tp-warning-soft。
   形狀對應：--radius-s→--tp-radius-ctl；--radius→--tp-radius-card；--radius-l→--tp-radius-xl；--shadow→--tp-shadow-2；--shadow-s→--tp-shadow-1；--font→--tp-font-sans。*/

html[data-tp-theme="v2"]:root {
  --c-bg: var(--tp-bg);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-surface: var(--tp-surface);
  --c-primary: var(--tp-accent-strong);
  --c-primary-d: var(--tp-accent-strong);
  --c-primary-s: var(--tp-accent-soft);
  --c-leaf: var(--tp-success);
  --c-leaf-s: var(--tp-success-soft);
  --c-sky: var(--tp-subject-math);
  --c-sky-s: var(--tp-subject-math-soft);
  --c-gold: var(--tp-amber);
  --c-gold-s: var(--tp-warning-soft);
  --c-danger: var(--tp-error);
  --radius-s: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-l: var(--tp-radius-xl);
  --shadow: var(--tp-shadow-2);
  --shadow-s: 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"] :focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* 寫死的白面改為主題卡片面 */
html[data-tp-theme="v2"] .panel,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .key,
html[data-tp-theme="v2"] .slot-btn,
html[data-tp-theme="v2"] .tray-card,
html[data-tp-theme="v2"] .numshow,
html[data-tp-theme="v2"] textarea,
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] select {
  background: var(--tp-surface);
}

/* 主色與輔色底上的寫死白字，改吃主色上文字權杖（深色自動反轉） */
html[data-tp-theme="v2"] .topbar,
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-leaf,
html[data-tp-theme="v2"] .btn-sky {
  color: var(--tp-accent-on);
}

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

/* 列印學習單：寫死墨色改主題文字 */
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .sheet h2,
html[data-tp-theme="v2"] .sheet h3 {
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .write-line {
  border-color: var(--tp-text-soft);
}
html[data-tp-theme="v2"] .ms-grid {
  border-color: var(--tp-text-soft);
}
html[data-tp-theme="v2"] .ms-grid i {
  border-color: var(--tp-line);
}
html[data-tp-theme="v2"] .ms-grid i:nth-child(20n) {
  border-right-color: var(--tp-text-soft);
}