/* w10-jh-rocks-plates（地球探險家：岩石與板塊）；年齡層：junior；v2 風格覆寫。
   簡表：--c-ink→--tp-text、--c-muted→--tp-text-soft、--c-bg→--tp-bg、--c-surface→--tp-surface、--c-line→--tp-line。
   --c-primary→--tp-accent、--c-on-primary→--tp-accent-on（主按鈕與晶片選取態走年齡層墨藍），答對框另指回 --tp-success。
   --c-accent→--tp-subject-sci、--c-accent-deep→--tp-subject-sci（自然科目識別：星星、莫氏硬度點、提示框）；--c-accent-2→--tp-info。
   --c-ok-bg→--tp-success-soft；--c-bad→--tp-error、--c-bad-bg→--tp-error-soft。
   --radius→--tp-radius-card、--radius-sm→--tp-radius-ctl；--shadow→--tp-shadow-1；--font→--tp-font-sans。 */

html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent);
  --c-primary-2: var(--tp-accent-strong);
  --c-on-primary: var(--tp-accent-on);
  --c-accent: var(--tp-subject-sci);
  --c-accent-deep: var(--tp-subject-sci);
  --c-accent-2: var(--tp-info);
  --c-bg: var(--tp-bg);
  --c-surface: var(--tp-surface);
  --c-ink: var(--tp-text);
  --c-muted: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-ok-bg: var(--tp-success-soft);
  --c-bad: var(--tp-error);
  --c-bad-bg: var(--tp-error-soft);
  --radius: var(--tp-radius-card);
  --radius-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 焦點環統一走年齡層 accent（原吃科目色 --c-accent） */
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-accent);
}

/* 答對框從共用的 --c-primary 拆回成功色 */
html[data-tp-theme="v2"] .choice.is-correct {
  border-color: var(--tp-success);
}

/* 次要按鈕文字用 accent-text 保對比 */
html[data-tp-theme="v2"] .btn.secondary {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .scale b {
  color: var(--tp-accent-text);
}

/* 寫死色碼逐條覆寫 */
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input[type="number"],
html[data-tp-theme="v2"] select,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .rock-list li,
html[data-tp-theme="v2"] .scale li,
html[data-tp-theme="v2"] .point {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .coach {
  background: var(--tp-subject-sci-soft);
}
html[data-tp-theme="v2"] .tag {
  background: var(--tp-accent-soft);
}
html[data-tp-theme="v2"] .star {
  fill: var(--tp-line);
}
html[data-tp-theme="v2"] .mohs .track {
  background: var(--tp-bg-deep);
}
html[data-tp-theme="v2"] .mohs .dot {
  box-shadow: 0 0 0 2px var(--tp-surface);
}
html[data-tp-theme="v2"] .figure.is-guiding .band.is-hot {
  stroke: var(--tp-subject-sci);
}

/* junior 層標題字重 */
html[data-tp-theme="v2"] h1 {
  font-weight: 800;
}