/* ============================================================
   k16-circuits-magnets（電路磁鐵實驗室）v2 風格覆寫
   年齡層：kids；科目：自然（識別色 --tp-subject-sci）
   自訂屬性→權杖對應簡表：
   ・--c-bg→--tp-bg、--c-card→--tp-surface、--c-ink→--tp-text、--c-muted→--tp-text-soft、--c-line→--tp-line
   ・--c-primary(-deep)→accent 系（主按鈕、星星、火花）；--c-accent(-soft)→accent 系（零件籌碼、投放區、焦點環）
   ・--c-secondary→--tp-info、--c-secondary-soft→--tp-subject-soc-soft（青藍次按鈕、提示横幅、選取態）
   ・--c-success(-bg)→--tp-success(-soft)、--c-danger(-bg)→--tp-error(-soft)、--c-warn(-bg)→--tp-warning(-soft)
   ・--radius*→--tp-radius-ctl／-card／-xl；--shadow*→--tp-shadow-1／-2；--font→--tp-font-sans
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-deep: var(--tp-accent-strong);
  --c-secondary: var(--tp-info);
  --c-secondary-soft: var(--tp-subject-soc-soft);
  --c-accent: var(--tp-accent-strong);
  --c-accent-soft: var(--tp-accent-soft);
  --c-bg: var(--tp-bg);
  --c-ink: var(--tp-text);
  --c-muted: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-card: var(--tp-surface);
  --c-success: var(--tp-success);
  --c-success-bg: var(--tp-success-soft);
  --c-danger: var(--tp-error);
  --c-danger-bg: var(--tp-error-soft);
  --c-warn: var(--tp-warning);
  --c-warn-bg: var(--tp-warning-soft);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-xl);
  --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(ellipse 70% 42% at 0% -8%, var(--tp-accent-softer) 0%, transparent 60%),
    radial-gradient(ellipse 48% 36% at 100% 0%, var(--tp-subject-soc-soft) 0%, transparent 56%);
}

html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 {
  font-family: var(--tp-font-serif);
}

/* 主按鈕：底 accent，深字改 accent-on（深色自動反轉） */
html[data-tp-theme="v2"] .primary {
  color: var(--tp-accent-on);
}

/* 青藍次按鈕與資訊橫幅：寫死色換資訊藍／墨色，確保對比 */
html[data-tp-theme="v2"] .secondary {
  border-color: var(--tp-info);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .banner.info {
  color: var(--tp-text);
}

/* 紫色變體按鈕：邊與字改 accent 深淺搭配 */
html[data-tp-theme="v2"] .accent {
  border-color: var(--tp-accent-strong);
  color: var(--tp-accent-text);
}

/* 零件籌碼按下態：原淺紫改 accent 實底 */
html[data-tp-theme="v2"] .chip[aria-pressed="true"] {
  background-color: var(--tp-accent-strong);
  color: var(--tp-accent-on);
}

/* 寫死的白底：投放區、數字與代碼輸入、電路圖、實驗板、拖曳影子 */
html[data-tp-theme="v2"] .zone,
html[data-tp-theme="v2"] .num,
html[data-tp-theme="v2"] .code,
html[data-tp-theme="v2"] .fig,
html[data-tp-theme="v2"] .board-wrap,
html[data-tp-theme="v2"] #ghost {
  background-color: var(--tp-surface);
}

/* 星星：未得邊線色、得之琥珀（原橘色寫死） */
html[data-tp-theme="v2"] .star {
  fill: var(--tp-line);
}
html[data-tp-theme="v2"] .star.on {
  fill: var(--tp-warning);
}

/* 慶祝火花第四顆寫死黃色 */
html[data-tp-theme="v2"] .spark.d {
  background-color: var(--tp-warning);
}

/* 列印試卷：白紙黑字改隨主題 */
html[data-tp-theme="v2"] #exam-paper {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .q-block {
  border-top-color: var(--tp-line);
}