/* j20-music-theory（樂理音樂教室）｜年齡層：junior（墨藍強調）。
   對應：--color-primary→--tp-accent、--color-primary-strong→--tp-accent-strong、
   --color-primary-soft→--tp-accent-soft、--color-accent→--tp-subject-arts（藝文識別）、
   --color-accent-soft→--tp-subject-arts-soft、--color-accent-2→--tp-accent、--color-bg→--tp-bg、
   --color-surface→--tp-surface、--color-ink→--tp-text、--color-ink-soft→--tp-text-soft、
   --color-line→--tp-line、--color-ok→--tp-success、--color-bad→--tp-error（各含 soft 階）、
   --radius*→--tp-radius-ctl／--tp-radius-card、--shadow*→--tp-shadow-2／--tp-shadow-1、--font→--tp-font-sans。 */
html[data-tp-theme="v2"]:root {
  --color-primary: var(--tp-accent);
  --color-primary-strong: var(--tp-accent-strong);
  --color-primary-soft: var(--tp-accent-soft);
  --color-accent: var(--tp-subject-arts);
  --color-accent-soft: var(--tp-subject-arts-soft);
  --color-accent-2: var(--tp-accent);
  --color-accent-2-soft: var(--tp-accent-soft);
  --color-bg: var(--tp-bg);
  --color-surface: var(--tp-surface);
  --color-ink: var(--tp-text);
  --color-ink-soft: var(--tp-text-soft);
  --color-line: var(--tp-line);
  --color-ok: var(--tp-success);
  --color-ok-soft: var(--tp-success-soft);
  --color-bad: var(--tp-error);
  --color-bad-soft: var(--tp-error-soft);
  --color-staff: var(--tp-accent);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-card);
  --shadow: var(--tp-shadow-2);
  --shadow-soft: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}
/* 標題字重對齊 junior 層（800） */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 {
  font-weight: var(--tp-display-weight);
}
/* 實心主按鈕與選取態字色統一 accent-on（原寫死米白） */
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-accent,
html[data-tp-theme="v2"] .seg .btn[aria-pressed="true"],
html[data-tp-theme="v2"] .chip[aria-pressed="true"] {
  color: var(--tp-accent-on);
}
/* 鋼琴白鍵寫死色改吃 surface 與深邊線 */
html[data-tp-theme="v2"] .key.white {
  background: var(--tp-surface);
  border-color: var(--tp-line-strong);
}
/* 鋼琴黑鍵固定墨底米字，深色下維持琴鍵樣 */
html[data-tp-theme="v2"] .key.black {
  background: var(--tp-ink);
  color: var(--tp-paper);
}
/* 文字強調用 accent-text 保對比 */
html[data-tp-theme="v2"] .pill b,
html[data-tp-theme="v2"] .code-line {
  color: var(--tp-accent-text);
}

/* D2d 對比補修（1151001）。 */
/* 面底（特異性較高）蓋掉按下態的主色底，深色模式夜紙色字落在深色面上；補回。 */
html[data-tp-theme="v2"] .seg .btn[aria-pressed="true"],
html[data-tp-theme="v2"] .chip[aria-pressed="true"] {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
}