/* a4-elem-social（國小社會）｜年齡層 kids｜v2 風格覆寫
   對應：--bg→--tp-bg、--surface→--tp-surface、--ink→--tp-text、--muted→--tp-text-soft
   --line→--tp-line、--primary→--tp-accent、--primary-ink→--tp-accent-on
   --leaf（答對綠）→--tp-success、--leaf-ink→--tp-accent-on
   App 的 html.dark 變數特異性較低自動失效，深色由 tp 權杖切換。 */

html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --surface: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --primary: var(--tp-accent-strong);
  --primary-ink: var(--tp-accent-on);
  --leaf: var(--tp-success);
  --leaf-ink: var(--tp-accent-on);
}

/* 字體：內文黑體、標題襯線大標 */
html[data-tp-theme="v2"] body {
  font-family: var(--tp-font-sans);
}
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] .brand-text strong,
html[data-tp-theme="v2"] .title2 {
  font-family: var(--tp-font-serif);
  font-weight: var(--tp-display-weight);
}

/* 純文字角色的朱砂：改用紙上對比合格的 accent-text */
html[data-tp-theme="v2"] .text-btn,
html[data-tp-theme="v2"] .bad-ink {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .seal {
  color: var(--tp-accent-text);
  border-color: var(--tp-accent-strong);
}

/* 聚焦環改為 v2 聚焦色 */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-focus-ring);
}
html[data-tp-theme="v2"] .switch input:focus-visible + .track {
  outline-color: var(--tp-focus-ring);
}

/* 大面板：卡片圓角與陰影 */
html[data-tp-theme="v2"] .panel,
html[data-tp-theme="v2"] .unit,
html[data-tp-theme="v2"] .item,
html[data-tp-theme="v2"] .toggle {
  border-radius: var(--tp-radius-card);
  box-shadow: var(--tp-card-shadow);
}

/* 控制項與小卡：控制項圓角 */
html[data-tp-theme="v2"] .stat,
html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .focuses li,
html[data-tp-theme="v2"] .feedback,
html[data-tp-theme="v2"] .fresh,
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .chip-btn,
html[data-tp-theme="v2"] .mark {
  border-radius: var(--tp-radius-ctl);
}