/* jr01-math-algebra（代數秘笈）；年齡層：junior；v2 風格覆寫。
   簡表：--c-bg→--tp-bg、--c-bg-deep→--tp-bg-deep、--c-surface→--tp-surface、--c-surface-2→--tp-bg-deep、--c-line→--tp-line。
   --c-ink→--tp-text、--c-ink-soft→--tp-text-soft；--c-primary→--tp-accent、--c-primary-2→--tp-accent-strong、--c-primary-soft→--tp-accent-soft。
   --c-brass→--tp-warning、--c-brass-deep→--tp-warning、--c-brass-soft→--tp-warning-soft、--c-star→--tp-warning。
   --c-sage→--tp-success、--c-sage-soft→--tp-success-soft、--c-brick→--tp-error、--c-brick-soft→--tp-error-soft。
   項片四色：--c-x→--tp-accent、--c-y→--tp-warning、--c-c→--tp-success、--c-x2→--tp-error（bg 各接對應 soft）。
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--radius-lg→--tp-radius-card、--shadow→--tp-shadow-1、--font→--tp-font-sans。 */

html[data-tp-theme="v2"]:root {
  --c-bg: var(--tp-bg);
  --c-bg-deep: var(--tp-bg-deep);
  --c-surface: var(--tp-surface);
  --c-surface-2: var(--tp-bg-deep);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-primary: var(--tp-accent);
  --c-primary-2: var(--tp-accent-strong);
  --c-primary-soft: var(--tp-accent-soft);
  --c-brass: var(--tp-warning);
  --c-brass-deep: var(--tp-warning);
  --c-brass-soft: var(--tp-warning-soft);
  --c-sage: var(--tp-success);
  --c-sage-soft: var(--tp-success-soft);
  --c-brick: var(--tp-error);
  --c-brick-soft: var(--tp-error-soft);
  --c-line: var(--tp-line);
  --c-star: var(--tp-warning);
  --c-x: var(--tp-accent);
  --c-x-bg: var(--tp-accent-soft);
  --c-y: var(--tp-warning);
  --c-y-bg: var(--tp-warning-soft);
  --c-c: var(--tp-success);
  --c-c-bg: var(--tp-success-soft);
  --c-x2: var(--tp-error);
  --c-x2-bg: 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-1);
  --shadow-lift: var(--tp-shadow-2);
  --font: var(--tp-font-sans);
}

/* 寫死色碼逐條覆寫 */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}
html[data-tp-theme="v2"] .skip {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-primary {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-brass,
html[data-tp-theme="v2"] .btn-sage {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-soft {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .hero,
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .calc {
  border-color: var(--tp-line);
}
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] .termchip,
html[data-tp-theme="v2"] .calc-keys button,
html[data-tp-theme="v2"] .cluster {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .note.sage {
  color: var(--tp-success);
}
html[data-tp-theme="v2"] .tl-n {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .cluster .sumtag {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .termchip[aria-pressed="true"] {
  outline-color: var(--tp-accent);
}