/* b2-jr-social ｜ 年齡層：junior（國中社會）｜ v2 風格覆寫
   對應：--color-paper→--tp-bg、--color-paper-2→--tp-bg-deep、--color-card→--tp-surface、--color-line→--tp-line
   對應：--color-ink→--tp-text、--color-muted→--tp-text-soft、--color-faint→--tp-text-faint、--color-on-ink→--tp-bg
   對應：--color-accent 系列→--tp-accent 系列（墨藍，同 --tp-subject-soc）、--color-good→--tp-success、--color-bad→--tp-error
   字體：--font-sans→--tp-font-sans、--font-serif→--tp-font-serif；深色由 tp-tokens 自動切換 */
html[data-tp-theme="v2"]:root,
html[data-tp-theme="v2"] [data-theme="dark"] {
  --color-paper: var(--tp-bg);
  --color-paper-2: var(--tp-bg-deep);
  --color-card: var(--tp-surface);
  --color-ink: var(--tp-text);
  --color-muted: var(--tp-text-soft);
  --color-faint: var(--tp-text-soft);
  --color-line: var(--tp-line);
  --color-accent: var(--tp-accent);
  --color-accent-fg: var(--tp-accent-on);
  --color-accent-soft: var(--tp-accent-soft);
  --color-good: var(--tp-success);
  --color-good-soft: var(--tp-success-soft);
  --color-bad: var(--tp-error);
  --color-bad-soft: var(--tp-error-soft);
  --color-on-ink: var(--tp-bg);
  --color-on-ink-dim: var(--tp-bg-deep);
  --font-sans: var(--tp-font-sans);
  --font-serif: var(--tp-font-serif);
}
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .banner,
html[data-tp-theme="v2"] .article,
html[data-tp-theme="v2"] .dialog,
html[data-tp-theme="v2"] .scope,
html[data-tp-theme="v2"] .stat,
html[data-tp-theme="v2"] .paper-box,
html[data-tp-theme="v2"] .domain-score,
html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .switch,
html[data-tp-theme="v2"] .exam-row {
  border-radius: var(--tp-radius-card);
}
html[data-tp-theme="v2"] .nav-link,
html[data-tp-theme="v2"] .icon-btn,
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .tab,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .qnum,
html[data-tp-theme="v2"] .explain,
html[data-tp-theme="v2"] .cell,
html[data-tp-theme="v2"] .letter,
html[data-tp-theme="v2"] .count-pill {
  border-radius: var(--tp-radius-ctl);
}
html[data-tp-theme="v2"] .overlay .bg {
  background: color-mix(in srgb, var(--tp-night-deep) 55%, transparent);
}
html[data-tp-theme="v2"] .bar > span {
  background: var(--tp-subject-soc);
}
html[data-tp-theme="v2"] .kicker {
  color: var(--tp-subject-soc);
}