/* c4-etiquette（禮儀學堂）more 層 v2 覆寫。
   對應：--paper→--tp-bg、--card→--tp-surface、--ink→--tp-text、
   --muted→--tp-text-soft、--line→--tp-line、--pine→--tp-subject-skills（綜合能力）、
   --pine-fg→--tp-accent-on、--good→--tp-success、--bad→--tp-error。
   --ink-10～--ink-70 以 color-mix 依 --ink 連動，深色自動對齊，不另覆寫。 */

html[data-tp-theme="v2"]:root {
  color-scheme: light;
  --paper: var(--tp-bg);
  --card: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --pine: var(--tp-subject-skills);
  --pine-fg: var(--tp-accent-on);
  --good: var(--tp-success);
  --bad: var(--tp-error);
}

@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"] body { font-family: var(--tp-font-sans); }

html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 {
  font-family: var(--tp-font-serif);
}

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

/* 面板級容器：收斂為方正小圓角、深邊線分層 */
html[data-tp-theme="v2"] .panel,
html[data-tp-theme="v2"] .resume,
html[data-tp-theme="v2"] .cat,
html[data-tp-theme="v2"] .log,
html[data-tp-theme="v2"] .miss,
html[data-tp-theme="v2"] .recap,
html[data-tp-theme="v2"] .deck {
  border-color: var(--tp-line-strong);
  border-radius: var(--tp-radius-card);
  box-shadow: var(--tp-card-shadow);
}

/* 控制項：統一小圓角與深邊線 */
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .ghost,
html[data-tp-theme="v2"] .tab,
html[data-tp-theme="v2"] .notebook-btn,
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .col-btn,
html[data-tp-theme="v2"] .card-nav,
html[data-tp-theme="v2"] .brand,
html[data-tp-theme="v2"] .linkish,
html[data-tp-theme="v2"] .text-btn {
  border-radius: var(--tp-radius-ctl);
}

html[data-tp-theme="v2"] .ghost,
html[data-tp-theme="v2"] .tab,
html[data-tp-theme="v2"] .notebook-btn,
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .col-btn,
html[data-tp-theme="v2"] .card-nav {
  border-color: var(--tp-line-strong);
}

/* 作答狀態維持語意色邊框（correct 用科目色、wrong 用錯誤色） */
html[data-tp-theme="v2"] .choice.correct,
html[data-tp-theme="v2"] .col-btn.correct {
  border-color: var(--tp-subject-skills);
}

html[data-tp-theme="v2"] .choice.wrong,
html[data-tp-theme="v2"] .col-btn.wrong,
html[data-tp-theme="v2"] .ghost.bad {
  border-color: var(--tp-error);
}

/* 情境舞台小道具：保持墨色階層，僅把布景底對齊深一階背景 */
html[data-tp-theme="v2"] .stage { background: var(--tp-bg-deep); }

/* 主按鈕（.btn 含 .btn.press）與選取分頁：--pine 綜合能力科目色只留識別用途，
   主操作底色改 accent 系；不更動 --pine 本身，徽章、進度條、correct 邊框維持原對應 */
html[data-tp-theme="v2"] .btn {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}

html[data-tp-theme="v2"] .btn:hover:not(:disabled),
html[data-tp-theme="v2"] .btn:active:not(:disabled) {
  background: var(--tp-accent-strong);
}

html[data-tp-theme="v2"] .tab[aria-selected="true"] {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}