/* ============================================================
   j04-chinese-grammar（語文常識百寶匣）v2 風格覆寫——只覆寫，不改版面
   年齡層：junior（國中）；科目：國語（識別色 --tp-subject-zh）
   對應簡表：--paper→--tp-bg；--paper-2→--tp-bg-deep；--card→--tp-surface；--ink→--tp-text
   --ink-soft／--muted→--tp-text-soft；--bamboo→--tp-accent；--bamboo-deep→--tp-accent-strong
   --seal→--tp-subject-zh；--gold→--tp-warning；--ok→--tp-success；--bad→--tp-error；--hint→--tp-warning
   --radius→--tp-radius-card；--radius-sm→--tp-radius-ctl；--font→--tp-font-sans；陰影→--tp-shadow-1／2
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --muted: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-2: var(--tp-bg-deep);
  --card: var(--tp-surface);
  --bamboo: var(--tp-accent);
  --bamboo-deep: var(--tp-accent-strong);
  --seal: var(--tp-subject-zh);
  --seal-soft: var(--tp-subject-zh-soft);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --line: var(--tp-line);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-soft: var(--tp-error-soft);
  --hint: var(--tp-warning);
  --hint-soft: var(--tp-warning-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 背景直條紋改 accent 極淺階，底色隨 --paper 走 */
html[data-tp-theme="v2"] body {
  background-image: repeating-linear-gradient(90deg, transparent 0 52px, var(--tp-accent-softer) 52px 53px);
}

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

/* 焦點環跟 accent（原為 gold） */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}

/* 圖示鈕按下態收進 accent 系 */
html[data-tp-theme="v2"] .icon-btn[aria-pressed="true"] {
  background-color: var(--tp-accent);
  border-color: var(--tp-accent);
  color: var(--tp-accent-on);
}

/* 主模式鈕：accent 底、accent-on 字、hover 加深 */
html[data-tp-theme="v2"] .mode-btn {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .mode-btn:hover {
  background-color: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] .mode-btn.alt:hover {
  background-color: var(--tp-accent-soft);
  color: var(--tp-accent-strong);
}

/* 選中態寫死淺綠改 accent 淺底（邊線與內陰影隨 --bamboo 走 accent） */
html[data-tp-theme="v2"] .chip.is-on,
html[data-tp-theme="v2"] .opt.is-on,
html[data-tp-theme="v2"] .pair.is-on,
html[data-tp-theme="v2"] .repl.is-on {
  background-color: var(--tp-accent-soft);
}

/* 練習卷與輸入框寫死白底改 surface */
html[data-tp-theme="v2"] .sheet {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .field input {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}

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