/* b5-law-exam（法律考試）v2 風格覆寫
   年齡層：more（我想變強），科目：社會。
   對應簡表：--paper→--tp-bg、--paper-deep→--tp-bg-deep、--card→--tp-surface、
   --ink→--tp-text、--muted→--tp-text-soft、--line→--tp-line、
   --cinnabar／--cinnabar-deep→--tp-accent、--cinnabar-soft→--tp-accent-soft、
   --cream→--tp-accent-on、--pine→--tp-success、--pine-soft→--tp-success-soft。 */

/* 變數改指語意層；特異性高於 App 的 html.dark，深色自動對齊 */
html[data-tp-theme="v2"]:root {
  --paper: var(--tp-bg);
  --paper-deep: var(--tp-bg-deep);
  --card: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --cinnabar: var(--tp-accent);
  --cinnabar-deep: var(--tp-accent);
  --cinnabar-soft: var(--tp-accent-soft);
  --cream: var(--tp-accent-on);
  --pine: var(--tp-success);
  --pine-soft: var(--tp-success-soft);
  --sans: var(--tp-font-sans);
  --serif: var(--tp-font-serif);
}

/* more 層方正小圓角、以深邊線分層 */
html[data-tp-theme="v2"] .hero,
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .panel,
html[data-tp-theme="v2"] .tile,
html[data-tp-theme="v2"] .unit,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .heat-cell,
html[data-tp-theme="v2"] .confirm,
html[data-tp-theme="v2"] .empty,
html[data-tp-theme="v2"] .switch,
html[data-tp-theme="v2"] .toggle,
html[data-tp-theme="v2"] .attempt,
html[data-tp-theme="v2"] .wrong,
html[data-tp-theme="v2"] .hidden-row,
html[data-tp-theme="v2"] .detail li,
html[data-tp-theme="v2"] .pills li { border-radius: var(--tp-radius-card); border-color: var(--tp-line-strong); }

html[data-tp-theme="v2"] .explain,
html[data-tp-theme="v2"] .pass,
html[data-tp-theme="v2"] .unlock { border-radius: var(--tp-radius-card); }

html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .pill,
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .nav-desk a { border-radius: var(--tp-radius-ctl); }

/* 答錯語意由原朱砂改為錯誤色（置後以壓過上方邊色規則） */
html[data-tp-theme="v2"] .choice.bad { border-color: var(--tp-error); background: var(--tp-error-soft); }
html[data-tp-theme="v2"] .explain.bad { background: var(--tp-error-soft); }
html[data-tp-theme="v2"] .bad-text { color: var(--tp-error); }
html[data-tp-theme="v2"] .remain.danger { color: var(--tp-error); }

/* 品牌印章保留科目色（社會墨藍） */
html[data-tp-theme="v2"] .seal { border-color: var(--tp-subject-soc); color: var(--tp-subject-soc); }

/* 行內寫死字體，改回站方內文字體 */
html[data-tp-theme="v2"] p[style*="font-family:sans-serif"] { font-family: var(--tp-font-sans) !important; }