/* app16-measure（量量看世界）v2 風格覆寫；年齡層：kids（朱砂強調、大圓角、溫暖圓潤）。
   --bg→--tp-bg；--bg-deep→--tp-bg-deep；--surface→--tp-surface；--ink→--tp-text；--muted→--tp-text-soft；--line→--tp-line。
   --primary→--tp-accent；--primary-ink→--tp-accent-on；--secondary→--tp-success；--secondary-ink→--tp-accent-on；--ok-bg→--tp-success-soft。
   --accent→--tp-warning-soft；--accent-ink→--tp-text；--hint-bg→--tp-warning-soft；--bad-bg→--tp-error-soft。
   --radius→--tp-radius-card；--radius-sm→--tp-radius-ctl；--shadow→--tp-shadow-2；--shadow-sm→--tp-shadow-1；--font→--tp-font-sans。
   寫死色碼逐條覆寫；進度條以 --tp-subject-math 作數學科點綴；吉祥物 SVG 寫死色保留。 */
html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --bg-deep: var(--tp-bg-deep);
  --surface: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --primary: var(--tp-accent-strong);
  --primary-ink: var(--tp-accent-on);
  --secondary: var(--tp-success);
  --secondary-ink: var(--tp-accent-on);
  --accent: var(--tp-warning-soft);
  --accent-ink: var(--tp-text);
  --ok-bg: var(--tp-success-soft);
  --hint-bg: var(--tp-warning-soft);
  --bad-bg: 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);
}
html[data-tp-theme="v2"] body {
  background-image: radial-gradient(var(--tp-accent-soft) 1.1px, transparent 1.2px);
}
html[data-tp-theme="v2"] body::before { background: var(--tp-accent-soft); }
html[data-tp-theme="v2"] body::after { background: var(--tp-accent-softer); }
html[data-tp-theme="v2"] .topbar { background-color: var(--tp-bg); }
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .seg,
html[data-tp-theme="v2"] .check,
html[data-tp-theme="v2"] .answer-input,
html[data-tp-theme="v2"] .scene {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .chip { border-color: var(--tp-warning); }
html[data-tp-theme="v2"] .progress > span { background: var(--tp-subject-math); }
html[data-tp-theme="v2"] .form-error { color: var(--tp-error); }
html[data-tp-theme="v2"] .sheet {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .q-item { border-bottom-color: var(--tp-line); }
html[data-tp-theme="v2"] .table td { border-color: var(--tp-line); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }
html[data-tp-theme="v2"] ::selection {
  background-color: var(--tp-accent-soft);
  color: var(--tp-text);
}