/* ============================================================
   w05-grade1-ready（一年級起跑線）v2 風格覆寫
   年齡層：kids（國小）　科目：數學
   自訂屬性定義缺損（分析為 0 個），採 :root 重建＋寫死色逐條覆寫：
   --ink→--tp-text　--muted→--tp-text-soft　--paper→--tp-bg
   --card→--tp-surface　--line→--tp-line　--primary/--deep→--tp-accent
   --pine→--tp-success　--gold→--tp-warning　--bad-bg→--tp-error-soft
   --good-bg→--tp-success-soft　--hint-bg→--tp-warning-soft　--font→--tp-font-sans
   ============================================================ */

/* 一、重建自訂屬性並指向 v2 權杖（無自帶深色，權杖自動切換） */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --card: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent-strong);
  --deep: var(--tp-accent-strong);
  --pine: var(--tp-success);
  --pine-ink: var(--tp-success);
  --gold: var(--tp-warning);
  --gold-ink: var(--tp-warning);
  --good-bg: var(--tp-success-soft);
  --bad-bg: var(--tp-error-soft);
  --hint-bg: 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、字 accent-on（原寫死 #fffbf5） */
html[data-tp-theme="v2"] .btn {
  background: var(--tp-accent-strong);
  color: var(--tp-accent-on);
}

/* 次要按鈕改科目識別色（原為松綠），深色下字色隨 accent-on 反轉 */
html[data-tp-theme="v2"] .btn.second {
  background: var(--tp-subject-math);
  color: var(--tp-accent-on);
}

/* 幽靈按鈕與字色隨表面、文字權杖 */
html[data-tp-theme="v2"] .btn.ghost {
  background: var(--tp-surface);
  color: var(--tp-text);
  border-color: var(--tp-line);
}

/* 四、選取態對齊 accent（分段鈕原為深紅底） */
html[data-tp-theme="v2"] .seg button[aria-checked="true"] {
  background: var(--tp-accent-strong);
  color: var(--tp-accent-on);
  border-color: var(--tp-accent-strong);
}

/* 五、答錯態對齊 error 系（原框線借用了品牌紅 --primary） */
html[data-tp-theme="v2"] .choices button.bad {
  background: var(--tp-error-soft);
  border-color: var(--tp-error);
}

html[data-tp-theme="v2"] .fb.bad {
  background: var(--tp-error-soft);
  color: var(--tp-error);
}

/* 訊息文字用 accent-text（紙上對比達標） */
html[data-tp-theme="v2"] .msg {
  color: var(--tp-accent-text);
}

/* 六、拖放區與示範槽寫死淺綠底，對齊 success 淺底 */
html[data-tp-theme="v2"] .drop,
html[data-tp-theme="v2"] .demo-slot {
  background: var(--tp-success-soft);
}

/* 數字框虛線框對齊 accent */
html[data-tp-theme="v2"] .numbox {
  border-color: var(--tp-accent-strong);
}

/* 列印卷 .paper-wrap 寫死白紙黑字，屬刻意紙張樣式，保留不動 */