/* ============================================================
   k15-plants-animals（自然圖鑑探險隊）v2 風格覆寫
   年齡層：kids；科目：自然（識別色 --tp-subject-sci）
   自訂屬性→權杖對應簡表：
   ・--c-bg→--tp-bg、--c-surface→--tp-surface、--c-ink→--tp-text、--c-ink-soft→--tp-text-soft、--c-line→--tp-line
   ・--c-primary(-deep／-soft)→accent 系（全部主按鈕、卡片識別邊、眉題徽章）
   ・--c-accent(-deep／-soft)→--tp-subject-sci(-soft)（琥珀籌碼、卡片識別邊）
   ・--c-accent-2(-deep)→--tp-info、--c-accent-2-soft→--tp-subject-soc-soft（青藍投放箱、熱點）
   ・--c-ok(-soft)→--tp-success(-soft)、--c-no(-soft)→--tp-error(-soft)；--radius→--tp-radius-card；--font→--tp-font-sans
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-deep: var(--tp-accent-strong);
  --c-primary-soft: var(--tp-accent-soft);
  --c-accent: var(--tp-subject-sci);
  --c-accent-deep: var(--tp-subject-sci);
  --c-accent-soft: var(--tp-subject-sci-soft);
  --c-accent-2: var(--tp-info);
  --c-accent-2-deep: var(--tp-info);
  --c-accent-2-soft: var(--tp-subject-soc-soft);
  --c-bg: var(--tp-bg);
  --c-surface: var(--tp-surface);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-ok: var(--tp-success);
  --c-ok-soft: var(--tp-success-soft);
  --c-no: var(--tp-error);
  --c-no-soft: var(--tp-error-soft);
  --c-hint: var(--tp-warning);
  --c-dot: var(--tp-line);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-xl);
  --shadow: var(--tp-shadow-2);
  --shadow-lift: var(--tp-shadow-lift);
  --font: var(--tp-font-sans);
}

html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 {
  font-family: var(--tp-font-serif);
}

/* 全部按鈕預設已是 accent 底，白字改 accent-on（深色自動反轉） */
html[data-tp-theme="v2"] button {
  color: var(--tp-accent-on);
}

/* 琥珀變體：改科目自然淺底軟按鈕，維持識別 */
html[data-tp-theme="v2"] button.sun {
  background-color: var(--tp-subject-sci-soft);
  border-color: var(--tp-subject-sci);
  color: var(--tp-text);
}

/* 青藍變體：底已是資訊藍，字色同 accent-on 邏輯 */
html[data-tp-theme="v2"] button.teal {
  color: var(--tp-accent-on);
}

/* 選取態統一跟 accent（原走青藍系） */
html[data-tp-theme="v2"] button.is-on,
html[data-tp-theme="v2"] button.is-picked {
  background-color: var(--tp-accent-soft);
  border-color: var(--tp-accent-strong);
  color: var(--tp-text);
  box-shadow: inset 0 0 0 2px var(--tp-accent-strong);
}

/* 焦點環跟 accent 系 */
html[data-tp-theme="v2"] button:focus-visible,
html[data-tp-theme="v2"] input:focus-visible,
html[data-tp-theme="v2"] .hotspot:focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* 眉題琥珀深文字對比不足，改次要墨色 */
html[data-tp-theme="v2"] .eyebrow {
  color: var(--tp-text-soft);
}

/* 寫死的白底：輸入框、熱點 */
html[data-tp-theme="v2"] input,
html[data-tp-theme="v2"] .hotspot {
  background-color: var(--tp-surface);
}

/* 列印試卷與答案卷：白紙黑字改隨主題 */
html[data-tp-theme="v2"] .exam-sheet,
html[data-tp-theme="v2"] .answer-sheet {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}

/* 寫死的分隔線與詞庫框線 */
html[data-tp-theme="v2"] .q-block {
  border-bottom-color: var(--tp-line);
}
html[data-tp-theme="v2"] .wordbank span,
html[data-tp-theme="v2"] .blank {
  border-color: var(--tp-line-strong);
}

/* D2d 對比補修（1151001）。 */
/* 全部按鈕一律白字會蓋掉 button.ghost（面底）的墨色字；補回。 */
html[data-tp-theme="v2"] button.ghost {
  color: var(--tp-text);
}