/* j17-astronomy（天文觀測站）｜年齡層：junior（墨藍強調）。
   對應：--ink→--tp-text、--ink-soft→--tp-text-soft、--paper→--tp-bg、--card→--tp-surface、
   --card-2→--tp-bg-deep、--primary→--tp-accent、--primary-deep→--tp-accent-strong、
   --accent→--tp-accent-text、--accent-soft→--tp-error-soft、--pine→--tp-success、--pine-soft→--tp-success-soft、
   --sky→--tp-accent-soft、--warn-bg→--tp-warning-soft、--line→--tp-line、--line-strong→--tp-line-strong、
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl、--shadow→--tp-shadow-1、--font→--tp-font-sans。 */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --card: var(--tp-surface);
  --card-2: var(--tp-bg-deep);
  --primary: var(--tp-accent);
  --primary-deep: var(--tp-accent-strong);
  --accent: var(--tp-accent-text);
  --accent-soft: var(--tp-error-soft);
  --pine: var(--tp-success);
  --pine-soft: var(--tp-success-soft);
  --sky: var(--tp-accent-soft);
  --line: var(--tp-line);
  --line-strong: var(--tp-line-strong);
  --warn-bg: var(--tp-warning-soft);
  --danger: var(--tp-error);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}
/* 主按鈕統一 accent：底已是 var(--primary)，字色改 accent-on */
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .nav button {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn.secondary,
html[data-tp-theme="v2"] .nav button.secondary {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .skip {
  color: var(--tp-accent-on);
}
/* 焦點環跟 accent */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}
/* 科目識別（自然）：卡片左緣、品牌小標、單元標題、進度條 */
html[data-tp-theme="v2"] .card {
  border-left-color: var(--tp-subject-sci);
}
html[data-tp-theme="v2"] .brand,
html[data-tp-theme="v2"] .feature h3 {
  color: var(--tp-subject-sci);
}
html[data-tp-theme="v2"] .progress > span {
  background: var(--tp-subject-sci);
}
/* 答錯態用錯誤語意色（邊線原本吃 --accent） */
html[data-tp-theme="v2"] .opt.is-wrong {
  border-color: var(--tp-error);
}
/* 寫死 #fff 的輸入面改吃 surface，深色自動對齊 */
html[data-tp-theme="v2"] .opt,
html[data-tp-theme="v2"] .field input[type="text"],
html[data-tp-theme="v2"] .num-input,
html[data-tp-theme="v2"] #exam-code,
html[data-tp-theme="v2"] #calc-screen {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .answer-key {
  background: var(--tp-bg-deep);
}