/* b1-jr-science ｜ 年齡層：junior（國中自然）｜ v2 風格覆寫
   對應：--paper→--tp-bg、--sheet→--tp-surface、--ink→--tp-text、--muted→--tp-text-soft、--line→--tp-line、--shadow→--tp-card-shadow
   對應：--moss 系列→--tp-accent 系列（墨藍）、--foam→--tp-accent-on、--clay→--tp-error、--gold→--tp-warning
   科目色：進度條與熱力圖高階用 --tp-subject-sci（琥珀深）；深色由 tp-tokens 自動切換，App 的 html.dark 失效 */
html[data-tp-theme="v2"]:root {
  --paper: var(--tp-bg);
  --sheet: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --moss: var(--tp-accent);
  --moss-deep: var(--tp-accent-text);
  --moss-soft: var(--tp-accent-soft);
  --clay: var(--tp-error);
  --gold: var(--tp-warning);
  --gold-soft: var(--tp-warning-soft);
  --foam: var(--tp-accent-on);
  --moss-btn: var(--tp-accent);
  --moss-btn-hover: var(--tp-accent-strong);
  --moss-deep-bg: var(--tp-accent-strong);
  --clay-bg: var(--tp-error);
  --gold-soft-text: var(--tp-warning-soft);
  --shadow: var(--tp-card-shadow);
}
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,
html[data-tp-theme="v2"] .serif,
html[data-tp-theme="v2"] .pass-banner {
  font-family: var(--tp-font-serif);
}
html[data-tp-theme="v2"] .stat,
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .panel,
html[data-tp-theme="v2"] .hero,
html[data-tp-theme="v2"] .soft,
html[data-tp-theme="v2"] .empty,
html[data-tp-theme="v2"] .callout,
html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .resume,
html[data-tp-theme="v2"] .choice {
  border-radius: var(--tp-radius-card);
}
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .btn-ghost,
html[data-tp-theme="v2"] .btn-clay,
html[data-tp-theme="v2"] .toggle,
html[data-tp-theme="v2"] .heat-cell {
  border-radius: var(--tp-radius-ctl);
}
html[data-tp-theme="v2"] .dim {
  color: var(--tp-accent-on);
  opacity: 0.8;
}
html[data-tp-theme="v2"] .progress > span {
  background: var(--tp-subject-sci);
}
html[data-tp-theme="v2"] .heat-2 {
  background: var(--tp-subject-sci);
  border-color: var(--tp-subject-sci);
  color: var(--tp-accent-on);
}