/* jr14-society-history（時空博物館）｜年齡層：junior（墨藍強調）
   對應簡表：--bg→--tp-bg、--bg-2→--tp-bg-deep、--paper→--tp-surface、--ink→--tp-text、--muted→--tp-text-soft、--line→--tp-line
   --primary→--tp-accent、--primary-2→--tp-accent-strong；--accent→--tp-accent、--accent-2→--tp-accent-strong（accent 鈕與選取點同走主色）
   --gold→--tp-warning、--gold-2→--tp-warning-soft（展場金色、提示）；--ok→--tp-success、--bad→--tp-error，各 bg 階同理
   --sea→--tp-accent-soft、--land→--tp-warning-soft（地圖填色）；圓角→--tp-radius-card／--tp-radius-ctl
   陰影→--tp-shadow-1／--tp-shadow-2、字體→--tp-font-sans */
html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --bg-2: var(--tp-bg-deep);
  --paper: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-2: var(--tp-accent-strong);
  --accent: var(--tp-accent);
  --accent-2: var(--tp-accent-strong);
  --gold: var(--tp-warning);
  --gold-2: var(--tp-warning-soft);
  --ok: var(--tp-success);
  --ok-bg: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-bg: var(--tp-error-soft);
  --sea: var(--tp-accent-soft);
  --land: var(--tp-warning-soft);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --r: var(--tp-radius-card);
  --rs: var(--tp-radius-ctl);
  --font: var(--tp-font-sans);
}
/* 大標與大字年份改 serif，貼近 junior 參考書氣質 */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] .year-big { font-family: var(--tp-font-serif); }
/* 選取區與吸頂列的寫死色 */
html[data-tp-theme="v2"] ::selection { background: var(--tp-accent-soft); }
html[data-tp-theme="v2"] .site-header { background: var(--tp-surface); }
/* 主按鈕與 accent 鈕字色吃 accent-on（深色下自動翻轉） */
html[data-tp-theme="v2"] .btn.primary,
html[data-tp-theme="v2"] .btn.accent,
html[data-tp-theme="v2"] .chip.is-on { color: var(--tp-accent-on); }
/* 選取態選項的寫死淺底改吃 accent-soft */
html[data-tp-theme="v2"] .choice.is-on { background: var(--tp-accent-soft); border-color: var(--tp-accent); }
/* 白底輸入與計算顯示 */
html[data-tp-theme="v2"] .answer-input,
html[data-tp-theme="v2"] .calc-display { background: var(--tp-surface); }
/* 未填星星與地圖符號的寫死色 */
html[data-tp-theme="v2"] .stars { color: var(--tp-line-strong); }
html[data-tp-theme="v2"] .mark polygon,
html[data-tp-theme="v2"] .mark rect,
html[data-tp-theme="v2"] .mark circle,
html[data-tp-theme="v2"] .mark path.shape { fill: var(--tp-surface); stroke: var(--tp-text); }
/* 學習單紙面 */
html[data-tp-theme="v2"] .sheet { background: var(--tp-surface); color: var(--tp-text); }
/* 焦點環跟 accent */
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-accent); }