/* jr20-essay（作文 Clinic）；年齡層：junior；v2 風格覆寫。
   簡表：--ink→--tp-text、--ink-soft／--muted→--tp-text-soft、--paper→--tp-bg、--paper-2→--tp-bg-deep、--card→--tp-surface、--line→--tp-line。
   --primary→--tp-accent、--on-primary→--tp-accent-on（主按鈕、導覽與晶片選取態走年齡層墨藍）。
   --accent→--tp-subject-zh、--accent-soft→--tp-subject-zh-soft（國文科目識別：眉題、星星、稿紙標記、運算鍵）。
   --pine→--tp-success、--pine-soft→--tp-success-soft；--danger→--tp-error、--danger-soft→--tp-error-soft；--gold-soft→--tp-warning-soft。
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl；--shadow→--tp-shadow-2、--shadow-sm→--tp-shadow-1；--font→--tp-font-sans。 */

html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --muted: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-2: var(--tp-bg-deep);
  --card: var(--tp-surface);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --on-primary: var(--tp-accent-on);
  --accent: var(--tp-subject-zh);
  --accent-soft: var(--tp-subject-zh-soft);
  --pine: var(--tp-success);
  --pine-soft: var(--tp-success-soft);
  --gold-soft: var(--tp-warning-soft);
  --danger: var(--tp-error);
  --danger-soft: var(--tp-error-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 焦點環與主按鈕統一走年齡層 accent */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}
html[data-tp-theme="v2"] .btn.accent {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
  color: var(--tp-accent-on);
}

/* 文字用途的 primary 改用 accent-text 保對比 */
html[data-tp-theme="v2"] .nav button,
html[data-tp-theme="v2"] .btn.ghost,
html[data-tp-theme="v2"] .timer {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .nav button[aria-current="page"],
html[data-tp-theme="v2"] .chip.on,
html[data-tp-theme="v2"] .seg button[aria-pressed="true"] {
  color: var(--tp-accent-on);
}

/* 寫死色碼逐條覆寫 */
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] input[type="search"],
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] textarea,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .item {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .choice.is-on {
  background: var(--tp-accent-soft);
}
html[data-tp-theme="v2"] .okbox {
  color: var(--tp-success);
}
html[data-tp-theme="v2"] .badbox {
  color: var(--tp-error);
}
html[data-tp-theme="v2"] .thinkbox {
  color: var(--tp-warning);
}
html[data-tp-theme="v2"] .warnbox {
  color: var(--tp-subject-zh);
}
html[data-tp-theme="v2"] mark.mk {
  background: var(--tp-warning-soft);
}
html[data-tp-theme="v2"] .star {
  fill: var(--tp-line);
}
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
  border-color: var(--tp-line);
}
html[data-tp-theme="v2"] .prompt-block {
  border-top-color: var(--tp-line);
}
html[data-tp-theme="v2"] .gmark {
  color: var(--tp-text-soft);
}
html[data-tp-theme="v2"] .gcell {
  background: var(--tp-surface);
  border-color: var(--tp-text);
}