/* jr09-english-listening（聽力訓練場）｜年齡層：junior
   對應簡表：--c-ink→--tp-text、--c-ink-soft→--tp-text-soft、--c-line→--tp-line
   --c-bg→--tp-bg、--c-bg-elev／--c-sheet→--tp-surface
   --c-primary→--tp-accent、--c-primary-ink→--tp-accent-on、--c-primary-soft→--tp-accent-soft
   --c-accent→--tp-accent-text、--c-accent-bright→--tp-accent、--c-sage／--c-ok→--tp-success、--c-danger→--tp-error、--c-warn-soft→--tp-warning-soft
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--shadow→--tp-shadow-2、--font→--tp-font-sans */
html[data-tp-theme="v2"]:root {
  --c-bg: var(--tp-bg);
  --c-bg-elev: var(--tp-surface);
  --c-sheet: var(--tp-surface);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-primary: var(--tp-accent);
  --c-primary-ink: var(--tp-accent-on);
  --c-primary-soft: var(--tp-accent-soft);
  --c-accent: var(--tp-accent-text);
  --c-accent-bright: var(--tp-accent);
  --c-accent-soft: var(--tp-accent-soft);
  --c-sage: var(--tp-success);
  --c-ok: var(--tp-success);
  --c-ok-soft: var(--tp-success-soft);
  --c-warn-soft: var(--tp-warning-soft);
  --c-danger: var(--tp-error);
  --c-danger-soft: var(--tp-error-soft);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-card);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}
/* 銅色按鈕也是主要操作鈕，統一走年齡層強調色 */
html[data-tp-theme="v2"] button.copper { background-color: var(--tp-accent); color: var(--tp-accent-on); }
/* 進度條軌道寫死色改吃背景權杖 */
html[data-tp-theme="v2"] .bar { background-color: var(--tp-bg-deep); }
/* 輸入框補齊文字色與游標色 */
html[data-tp-theme="v2"] input[type="text"] { color: var(--tp-text); caret-color: var(--tp-accent); }