/* c2-lawyer-exam（律師高考）more 層 v2 覆寫。
   對應：--paper→--tp-bg、--sheet→--tp-surface、--ink→--tp-text、
   --muted→--tp-text-soft、--line→--tp-line、--bone→--tp-bg-deep、
   --pine→--tp-subject-soc（社會）、--pine-soft→--tp-subject-soc-soft、
   --seal→--tp-error、--seal-soft→--tp-error-soft、--scrim→--tp-night-paper、
   --on-scrim→--tp-paper、--font→--tp-font-sans、--serif→--tp-font-serif。 */

html[data-tp-theme="v2"]:root {
  color-scheme: light;
  --paper: var(--tp-bg);
  --sheet: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --bone: var(--tp-bg-deep);
  --pine: var(--tp-subject-soc);
  --pine-soft: var(--tp-subject-soc-soft);
  --seal: var(--tp-error);
  --seal-soft: var(--tp-error-soft);
  --scrim: var(--tp-night-paper);
  --on-scrim: var(--tp-paper);
  --font: var(--tp-font-sans);
  --serif: var(--tp-font-serif);
}

@media (prefers-color-scheme: dark) {
  html[data-tp-theme="v2"]:root:not([data-theme="light"]) { color-scheme: dark; }
}

html[data-tp-theme="v2"][data-theme="dark"]:root { color-scheme: dark; }

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

/* 卡片與面板：深邊線分層、方正小圓角、無陰影 */
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .panel,
html[data-tp-theme="v2"] .sheet,
html[data-tp-theme="v2"] .q-card,
html[data-tp-theme="v2"] .stats3,
html[data-tp-theme="v2"] .stats4,
html[data-tp-theme="v2"] .topic-list,
html[data-tp-theme="v2"] .record-list,
html[data-tp-theme="v2"] .sheet-dialog {
  border-color: var(--tp-line-strong);
  border-radius: var(--tp-radius-card);
  box-shadow: var(--tp-card-shadow);
}

html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .earned li,
html[data-tp-theme="v2"] .bucket,
html[data-tp-theme="v2"] .toggle-row,
html[data-tp-theme="v2"] .empty {
  border-color: var(--tp-line-strong);
  border-radius: var(--tp-radius-card);
}

/* 控制項：小圓角 */
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .answer-line,
html[data-tp-theme="v2"] .switch,
html[data-tp-theme="v2"] .map-grid button {
  border-radius: var(--tp-radius-ctl);
}

html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .icon-btn {
  border-color: var(--tp-line-strong);
}

/* 作答狀態對齊語意色：選取＝科目色、答對＝成功綠、答錯＝錯誤紅 */
html[data-tp-theme="v2"] .choice.pick {
  border-color: var(--tp-subject-soc);
  background-color: var(--tp-subject-soc-soft);
}

html[data-tp-theme="v2"] .choice.answer,
html[data-tp-theme="v2"] .answer-line.answer {
  border-color: var(--tp-success);
  background-color: var(--tp-success-soft);
}

html[data-tp-theme="v2"] .choice.miss,
html[data-tp-theme="v2"] .answer-line.miss {
  border-color: var(--tp-error);
  background-color: var(--tp-error-soft);
}

/* 主按鈕：btn-primary 用社會科目色（--pine）、btn-ink 用墨色，同屬主操作實心鈕，改主強調 */
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-ink {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-primary:hover,
html[data-tp-theme="v2"] .btn-primary:active,
html[data-tp-theme="v2"] .btn-ink:hover,
html[data-tp-theme="v2"] .btn-ink:active {
  background: var(--tp-accent-strong);
}

/* 被選取的分頁/切換鈕與當前題格：墨色或科目色實心改主強調（medal、bars 等識別用途保留科目色） */
html[data-tp-theme="v2"] .mode-switch button.on,
html[data-tp-theme="v2"] .theme-switch button.on {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .chip.on {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .switch.on {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
}
html[data-tp-theme="v2"] .map-grid button.current {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
  color: var(--tp-accent-on);
}