/* j09-sequences（數列階梯）— v2 風格覆寫，年齡層 junior。
   對應簡表：--bg→--tp-bg、--surface→--tp-surface、--surface-2→--tp-bg-deep、
   --ink→--tp-text、--ink-soft→--tp-text-soft、--line→--tp-line；
   --primary 系與 --accent 系→--tp-accent 系（主按鈕統一墨藍）、--accent-2 系→--tp-accent-text／--tp-accent-soft；
   --good→--tp-success、--bad→--tp-error；圓角→--tp-radius-card／--tp-radius-ctl、陰影→--tp-shadow-1。
   吉祥物毛色（--fur 系）與階梯插圖色（--stair 系）保留原樣，不覆寫。 */
html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --surface: var(--tp-surface);
  --surface-2: var(--tp-bg-deep);
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-dark: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-accent);
  --accent-soft: var(--tp-accent-soft);
  --accent-2: var(--tp-accent-text);
  --accent-2-soft: var(--tp-accent-soft);
  --good: var(--tp-success);
  --good-soft: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-soft: var(--tp-error-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-1);
}
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 {
  font-family: var(--tp-font-serif);
  font-weight: 800;
}
/* 主按鈕與次要實心鈕：墨藍底、accent-on 字，深色自動對齊 */
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-accent {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-primary:hover,
html[data-tp-theme="v2"] .btn-accent:hover {
  background: var(--tp-accent-strong);
}
/* 星星與長條圖頂端保留琥珀識別色，不跟主按鈕走 */
html[data-tp-theme="v2"] .bar-top {
  fill: var(--tp-warning);
}
html[data-tp-theme="v2"] .star path {
  stroke: var(--tp-warning);
}
html[data-tp-theme="v2"] .star.on path {
  fill: var(--tp-warning);
}
/* 寫死白底的輸入框、計算機螢幕與學習單改吃 surface */
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] .calc-screen,
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .viz-num {
  font-family: var(--tp-font-sans);
  fill: var(--tp-text);
}