/* ============================================================
   j03-rhetoric（修辭辨識道場）v2 風格覆寫——只覆寫，不改版面
   年齡層：junior（國中）；科目：國語（識別色 --tp-subject-zh）
   對應簡表：--paper→--tp-bg；--paper-deep→--tp-bg-deep；--card→--tp-surface；--text→--tp-text
   --ink→--tp-accent；--ink-soft→--tp-accent-strong；--muted→--tp-text-soft；--line→--tp-line
   --cinnabar→--tp-error；--bamboo→--tp-success；--gold→--tp-warning（soft 同階）
   --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-accent);
  --ink-soft: var(--tp-accent-strong);
  --cinnabar: var(--tp-error);
  --cinnabar-soft: var(--tp-error-soft);
  --bamboo: var(--tp-success);
  --bamboo-soft: var(--tp-success-soft);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --paper: var(--tp-bg);
  --paper-deep: var(--tp-bg-deep);
  --card: var(--tp-surface);
  --text: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --font: var(--tp-font-sans);
}

/* 背景雙暈染改權杖淺階，底色隨 --paper 走 */
html[data-tp-theme="v2"] body {
  background-image: radial-gradient(ellipse at 0 0, var(--tp-accent-softer), transparent 42%), radial-gradient(ellipse at 100% 100%, var(--tp-success-soft), transparent 46%);
}

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

/* 國語識別色：眉題、印章、cinnabar 卡邊 */
html[data-tp-theme="v2"] .kicker {
  color: var(--tp-subject-zh);
}
html[data-tp-theme="v2"] .stamp {
  border-color: var(--tp-subject-zh);
  color: var(--tp-subject-zh);
}
html[data-tp-theme="v2"] .card-btn.cinnabar {
  border-left-color: var(--tp-subject-zh);
}

/* 寫死白字改 accent-on；主按鈕 hover 加深 */
html[data-tp-theme="v2"] .icon-btn[aria-pressed="true"],
html[data-tp-theme="v2"] .choice[aria-pressed="true"],
html[data-tp-theme="v2"] .primary,
html[data-tp-theme="v2"] .key.go {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .primary:hover {
  background-color: var(--tp-accent-strong);
  border-color: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] .danger {
  color: var(--tp-accent-on);
}

/* 寫死白底的控制元件改 surface；選項文字回到墨色 */
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .ghost,
html[data-tp-theme="v2"] .opt,
html[data-tp-theme="v2"] .key,
html[data-tp-theme="v2"] .calc-display {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .choice {
  color: var(--tp-text);
}

/* 選中態寫死淺藍改 accent 淺底 */
html[data-tp-theme="v2"] .opt.is-on {
  background-color: var(--tp-accent-soft);
}

/* 計算機浮鈕收進 accent 系 */
html[data-tp-theme="v2"] .calc-toggle {
  background-color: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .calc-toggle:hover {
  background-color: var(--tp-accent-strong);
}

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

/* D2d 對比補修（1151001）。 */
/* .choice／.key 的面底（特異性較高）蓋掉按下態與等號鍵的底色，白字落在白底上；補回主色底。 */
html[data-tp-theme="v2"] .choice[aria-pressed="true"],
html[data-tp-theme="v2"] .key.go {
  background-color: var(--tp-accent);
  border-color: var(--tp-accent);
}