/* ============================================================
   w03-math-olympiad（數學思考挑戰營）v2 風格覆寫
   年齡層：kids（國小）　科目：數學
   自訂屬性→權杖對應簡表：
   --ink→--tp-text　--ink-soft/--muted→--tp-text-soft　--paper→--tp-bg
   --card→--tp-surface　--line→--tp-line　--primary→--tp-accent
   --secondary→--tp-subject-math（科目識別）　--gold→--tp-warning
   --tint-ok→--tp-success-soft　--tint-bad→--tp-error-soft
   --tint-tip/--gold-soft→--tp-warning-soft　--font→--tp-font-sans
   ============================================================ */

/* 一、自訂屬性整批指向 v2 權杖（無自帶深色，權杖自動切換） */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --card: var(--tp-surface);
  --line: var(--tp-line);
  --muted: var(--tp-text-soft);
  --primary: var(--tp-accent-strong);
  --primary-ink: var(--tp-accent-on);
  --secondary: var(--tp-subject-math);
  --secondary-ink: var(--tp-accent-on);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --tint-ok: var(--tp-success-soft);
  --tint-bad: var(--tp-error-soft);
  --tint-tip: var(--tp-warning-soft);
  --radius: var(--tp-radius-card);
  --shadow: var(--tp-shadow-2);
  --font: var(--tp-font-sans);
}

/* 二、標題換襯線，聚焦環對齊 accent 系（原為金色） */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2 {
  font-family: var(--tp-font-serif);
}

html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* 三、寫死色碼逐條覆寫 */
/* 主按鈕上的次要文字：隨 accent-on 反轉（深色下仍保對比） */
html[data-tp-theme="v2"] .mode.solid span {
  color: var(--tp-accent-on);
}

/* 金色徽章與教練摘要文字：琥珀深色字，對淺底對比達標 */
html[data-tp-theme="v2"] .pill.gold,
html[data-tp-theme="v2"] .coach summary {
  color: var(--tp-warning);
}

/* 星星列文字色 */
html[data-tp-theme="v2"] .star-line {
  color: var(--tp-warning);
}

/* 答案輸入框與小格子的寫死白底改隨表面色 */
html[data-tp-theme="v2"] .ans-row input,
html[data-tp-theme="v2"] .mini-cell {
  background: var(--tp-surface);
}

/* 區段條分段底色：青色段對齊科目淺底、朱紅段對齊 accent 淺底 */
html[data-tp-theme="v2"] .tone-a {
  background: var(--tp-subject-math-soft);
}

html[data-tp-theme="v2"] .tone-c {
  background: var(--tp-accent-soft);
}

/* D2d 對比補修（1151001）。 */
/* 頂列品牌字原用琥珀淺底色（深色模式是 16% 透明色），落在淺藍頂列上看不見；改成主色上的字色。 */
html[data-tp-theme="v2"] .topbar .brand {
  color: var(--tp-accent-on);
}