/* ============================================================
   j01-geography（地理探索儀）v2 風格覆寫——只覆寫，不改版面
   年齡層：junior（國中）；科目：社會·地理（識別色 --tp-subject-soc）
   對應簡表：--bg→--tp-bg；--card→--tp-surface；--ink→--tp-text；--ink-soft→--tp-text-soft
   --primary→--tp-accent；--primary-dark→--tp-accent-strong；--primary-soft→--tp-accent-soft
   --accent→--tp-warning；--danger→--tp-error；--ok→--tp-success；--warn→--tp-warning
   --r-sm→--tp-radius-ctl；--r／--r-lg→--tp-radius-card；--font→--tp-font-sans；陰影→--tp-shadow-1／2
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --card: var(--tp-surface);
  --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-warning);
  --accent-soft: var(--tp-warning-soft);
  --green: var(--tp-success);
  --green-soft: var(--tp-success-soft);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --warn: var(--tp-warning);
  --warn-soft: var(--tp-warning-soft);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --r-sm: var(--tp-radius-ctl);
  --r: var(--tp-radius-card);
  --r-lg: var(--tp-radius-card);
  --font: var(--tp-font-sans);
}

/* 背景暈染改 accent 極淺階，底色隨 --bg 走 */
html[data-tp-theme="v2"] body {
  background-image: radial-gradient(ellipse at top, var(--tp-accent-softer), transparent 52%);
}

/* 標題換襯線，參考書氣質 */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2 {
  font-family: var(--tp-font-serif);
}

/* 頁首寫死紙色改語意背景 */
html[data-tp-theme="v2"] .site-header {
  background-color: var(--tp-bg);
}

/* 品牌眉題為科目識別 */
html[data-tp-theme="v2"] .brand-kicker {
  color: var(--tp-subject-soc);
}

/* 主按鈕：accent 底、accent-on 字、hover 加深 */
html[data-tp-theme="v2"] .btn {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn:hover:not(:disabled) {
  background-color: var(--tp-accent-strong);
  border-color: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] .btn.secondary:hover:not(:disabled),
html[data-tp-theme="v2"] .btn.ghost:hover:not(:disabled) {
  background-color: var(--tp-accent-soft);
  color: var(--tp-accent-strong);
}

/* 分段控制選中態 */
html[data-tp-theme="v2"] .seg button[aria-pressed="true"] {
  color: var(--tp-accent-on);
}

/* 寫死白底的輸入框與選項改 surface，深色自動對齊 */
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] #calc-in,
html[data-tp-theme="v2"] #answer-input,
html[data-tp-theme="v2"] #paper-code {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .choice {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .key {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .month-grid div {
  background-color: var(--tp-surface);
}

/* 科目識別 chip */
html[data-tp-theme="v2"] .chip {
  background-color: var(--tp-subject-soc-soft);
  color: var(--tp-subject-soc);
}

/* 回饋橫幅寫死邊色改狀態色 */
html[data-tp-theme="v2"] .banner.ok {
  border-color: var(--tp-success);
}
html[data-tp-theme="v2"] .banner.think,
html[data-tp-theme="v2"] .banner.cheer {
  border-color: var(--tp-warning);
}

/* 計算機螢幕：墨底紙字，深淺模式皆成立 */
html[data-tp-theme="v2"] .calc-read {
  background-color: var(--tp-text);
  color: var(--tp-bg);
}

/* 地形圖寫死底色改深一階背景 */
html[data-tp-theme="v2"] .terrain-svg {
  background-color: var(--tp-bg-deep);
}

/* 跳轉連結與焦點環跟 accent */
html[data-tp-theme="v2"] .skip {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}

/* D2d 對比補修（1151001）。 */
/* .btn 一律白字會蓋掉 .btn.secondary／.btn.ghost 的主色字（底為面或透明）；補回。 */
html[data-tp-theme="v2"] .btn.secondary,
html[data-tp-theme="v2"] .btn.ghost {
  color: var(--tp-accent-text);
}