/* a2-elem-chinese（國小國語，年齡層 kids）v2 風格覆寫
   對應：--paper→--tp-bg、--card→--tp-surface、--ink→--tp-text、--muted→--tp-text-soft、
   --line→--tp-line、--cinnabar→--tp-accent、--cinnabar-deep→--tp-accent-strong、
   --pine→--tp-success、--pine-deep→--tp-warning、--gold→--tp-warning、
   --mist→--tp-success-soft、--blush→--tp-error-soft、--accent→--tp-accent-text */

html[data-tp-theme="v2"]:root {
  --paper: var(--tp-bg);
  --card: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --cinnabar: var(--tp-accent-strong);
  --cinnabar-deep: var(--tp-accent-strong);
  --pine: var(--tp-success);
  --pine-deep: var(--tp-warning);
  --gold: var(--tp-warning);
  --mist: var(--tp-success-soft);
  --blush: var(--tp-error-soft);
  --accent: var(--tp-accent-text);
}

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"] h3,
html[data-tp-theme="v2"] .brand-title {
  font-family: var(--tp-font-serif);
}

/* 主色底上的文字改為 accent-on（原為金色，對比不足） */
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .count,
html[data-tp-theme="v2"] .seal,
html[data-tp-theme="v2"] .review {
  color: var(--tp-accent-on);
}

/* 答錯語意改走 error 階 */
html[data-tp-theme="v2"] .opt.wrong,
html[data-tp-theme="v2"] .explain.bad {
  border-color: var(--tp-error);
}

html[data-tp-theme="v2"] .bar.bad {
  background: var(--tp-error);
}

html[data-tp-theme="v2"] .num.wrong {
  background: var(--tp-error);
  color: var(--tp-accent-on);
}

/* 通知條原與答對共用 --mist，改為警告淺底 */
html[data-tp-theme="v2"] .notice {
  background: var(--tp-warning-soft);
}

/* 單元圖示原與答錯共用 --blush，改為強調淺底 */
html[data-tp-theme="v2"] .unit-ico {
  background: var(--tp-accent-soft);
}

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

/* 大圓角統一為卡片階，選項與徽章收為控制項階 */
html[data-tp-theme="v2"] .hero,
html[data-tp-theme="v2"] .panel,
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .empty,
html[data-tp-theme="v2"] .leave,
html[data-tp-theme="v2"] .explain,
html[data-tp-theme="v2"] .passage,
html[data-tp-theme="v2"] .unit,
html[data-tp-theme="v2"] .review,
html[data-tp-theme="v2"] .grade,
html[data-tp-theme="v2"] .toggle,
html[data-tp-theme="v2"] .notice,
html[data-tp-theme="v2"] .note {
  border-radius: var(--tp-radius-card);
}

html[data-tp-theme="v2"] .opt,
html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .heat {
  border-radius: var(--tp-radius-ctl);
}

/* D2d 對比補修（1151001）。 */
/* 按鈕內的金色小字原本落在較深的紅底上，換成深一階 accent 底後只剩 1.47:1；改成主色上的字色。 */
html[data-tp-theme="v2"] .btn .goldink,
html[data-tp-theme="v2"] .review .goldink {
  color: var(--tp-accent-on);
}