/* j23-bridge（國小升國中銜接包）｜年齡層：junior（墨藍強調、圓角收斂、參考書般俐落）。
   對應簡表：--ink→--tp-text；--ink-soft→--tp-text-soft；--paper→--tp-bg；--paper-2→--tp-surface；--line→--tp-line。
   --primary→--tp-accent；--primary-deep→--tp-accent-strong；--primary-soft→--tp-accent-soft。
   --accent→--tp-warning；--accent-deep→--tp-warning；--accent-soft→--tp-warning-soft（保留原橘褐次強調角色）。
   --support→--tp-success；--support-soft→--tp-success-soft；--danger→--tp-error；--danger-soft→--tp-error-soft。
   --star→--tp-warning；--radius→--tp-radius-card；--radius-sm→--tp-radius-ctl；--shadow→--tp-shadow-1；--font→--tp-font-sans。 */

/* 一、自訂屬性整批改指 tp 權杖（深色自動對齊，不必另寫深色規則） */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-2: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-deep: var(--tp-accent-strong);
  --primary-soft: var(--tp-accent-soft);
  --accent: var(--tp-warning);
  --accent-deep: var(--tp-warning);
  --accent-soft: var(--tp-warning-soft);
  --support: var(--tp-success);
  --support-soft: var(--tp-success-soft);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --star: var(--tp-warning);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: 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-family: var(--tp-font-serif);
  font-weight: var(--tp-display-weight);
}

/* 三、按鈕：實底款主色上的字用 accent-on；線框款補回自己的文字與邊色 */
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .btn {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-accent { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn-line {
  color: var(--tp-accent);
  background: transparent;
  border-color: var(--tp-accent);
}
html[data-tp-theme="v2"] .btn-ghost {
  color: var(--tp-text);
  background: var(--tp-surface);
  border-color: var(--tp-line);
}

/* 四、寫死 #fff 與半透明白的小元件改 surface */
html[data-tp-theme="v2"] .answer-input,
html[data-tp-theme="v2"] .text-input,
html[data-tp-theme="v2"] select.text-input,
html[data-tp-theme="v2"] .calc-screen,
html[data-tp-theme="v2"] .calc-grid button {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .think { background: var(--tp-surface); }

/* 五、進度條軌道寫死米色，換深一階背景 */
html[data-tp-theme="v2"] .bar { background: var(--tp-bg-deep); }

/* 六、選取與聚焦對齊（App 原本無 ::selection，補上；聚焦色改 focus-ring） */
html[data-tp-theme="v2"] ::selection { background: var(--tp-accent-soft); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }