/* b3-huikao-mock ｜ 年齡層：junior（會考模擬，綜合能力）｜ v2 風格覆寫
   對應：--color-paper→--tp-bg、--color-sheet→--tp-surface、--color-ink→--tp-text、--color-muted→--tp-text-soft、--color-line→--tp-line
   對應：--color-seal→--tp-subject-skills（朱砂深，本科目識別色）、--color-seal-soft→--tp-subject-skills-soft、--color-ink-soft→--tp-bg-deep
   對應：--radius-card→--tp-radius-card、--font-sans→--tp-font-sans、--font-serif→--tp-font-serif
   深色：App 的 html[data-theme="dark"] 變數因特異性較低失效，由 tp-tokens 自動切換 */
html[data-tp-theme="v2"]:root {
  --font-sans: var(--tp-font-sans);
  --font-serif: var(--tp-font-serif);
  --color-paper: var(--tp-bg);
  --color-sheet: var(--tp-surface);
  --color-ink: var(--tp-text);
  --color-muted: var(--tp-text-soft);
  --color-line: var(--tp-line);
  --color-seal: var(--tp-subject-skills);
  --color-seal-soft: var(--tp-subject-skills-soft);
  --color-ink-soft: var(--tp-bg-deep);
  --radius-card: var(--tp-radius-card);
}
html[data-tp-theme="v2"] .sheet,
html[data-tp-theme="v2"] .modal-card,
html[data-tp-theme="v2"] .cheer-card {
  border-radius: var(--tp-radius-card);
}
html[data-tp-theme="v2"] .option,
html[data-tp-theme="v2"] .fill,
html[data-tp-theme="v2"] .heat-cell,
html[data-tp-theme="v2"] .nav-dot {
  border-radius: var(--tp-radius-ctl);
}
html[data-tp-theme="v2"] .seal {
  border-color: var(--tp-subject-skills);
  color: var(--tp-subject-skills);
}
html[data-tp-theme="v2"] .heat-cell[data-heat="3"] {
  background: var(--tp-subject-skills);
  border-color: var(--tp-subject-skills);
}

/* 主按鈕：App 用 --color-ink（墨色）實心，改主強調；--color-ink 仍保留給文字與其他元素 */
html[data-tp-theme="v2"] .btn-primary {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn-primary:hover,
html[data-tp-theme="v2"] .btn-primary:active {
  background: var(--tp-accent-strong);
  border-color: var(--tp-accent-strong);
}
/* 切換鈕選取態：App 用科目色（seal）實心，改主強調；focus 環改 accent 系 */
html[data-tp-theme="v2"] .switch[data-on="true"] {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
}
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }