/* ============================================================
   k02-number-sense（數感大挑戰）v2 風格覆寫　年齡層：kids（數學）
   對應簡表：--bg／--bg-deep → --tp-bg／--tp-bg-deep；--surface → --tp-surface
   --ink／--muted → --tp-text／--tp-text-soft；--line → --tp-line
   --primary(-dark)／--on-primary → accent 系；--secondary(-dark) → success 系
   --accent(-deep) → warning 系；--good／--bad／--info → success／error／focus-ring 系
   --radius-* → --tp-radius-ctl／-card／-xl；--shadow* → --tp-shadow-2／-1；--font → --tp-font-sans
   ============================================================ */

/* 一、自訂屬性整批指向 v2 權杖（深色隨權杖自動切換） */
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-dark: var(--tp-accent-strong);
  --on-primary: var(--tp-accent-on);
  --secondary: var(--tp-success);
  --secondary-dark: var(--tp-success);
  --accent: var(--tp-warning);
  --accent-deep: var(--tp-warning);
  --good: var(--tp-success);
  --good-bg: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-bg: var(--tp-error-soft);
  --info: var(--tp-focus-ring);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-xl);
  --shadow: var(--tp-shadow-2);
  --shadow-soft: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 二、寫死色碼逐條改指語意權杖 */
/* 背景兩團暈染：改 accent-soft／success-soft，深色自動轉淡 */
html[data-tp-theme="v2"] body {
  background-image:
    radial-gradient(circle at 8% 0%, var(--tp-accent-soft) 0 14%, transparent 32%),
    radial-gradient(circle at 100% 8%, var(--tp-success-soft) 0 12%, transparent 30%);
}
/* 卡片白邊改主題邊線 */
html[data-tp-theme="v2"] .card { border-color: var(--tp-line); }
/* 綠色次按鈕與答對按鈕：字色隨 accent-on（深色為深字） */
html[data-tp-theme="v2"] .btn-secondary,
html[data-tp-theme="v2"] .btn-good {
  color: var(--tp-accent-on);
}
/* 白底控件群：幽靈鈕、切換鈕、選項、格子、輸入框 */
html[data-tp-theme="v2"] .btn-ghost,
html[data-tp-theme="v2"] .toggle,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .map-btn {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .field input,
html[data-tp-theme="v2"] select {
  background: var(--tp-surface);
  color: var(--tp-text);
}
/* 數字格：淺米底改浮起面；拖放亮起改 success-soft */
html[data-tp-theme="v2"] .slot { background: var(--tp-surface-2); }
html[data-tp-theme="v2"] .slot.over { background: var(--tp-success-soft); }
/* 數字晶片：暖漸層改主題漸層 */
html[data-tp-theme="v2"] .chip {
  background-image: linear-gradient(180deg, var(--tp-surface) 0%, var(--tp-bg-deep) 100%);
}
/* 拖曳影子（warning 底）：字色隨 accent-on 保深色對比 */
html[data-tp-theme="v2"] .ghost { color: var(--tp-accent-on); }
/* 螢光筆標記：金底改 warning-soft，墨色不變 */
html[data-tp-theme="v2"] .mark { background: var(--tp-warning-soft); }
/* 數線滑塊白邊改表面色 */
html[data-tp-theme="v2"] .mover { border-color: var(--tp-surface); }
/* 提示回饋：寫死米黃改 warning 系 */
html[data-tp-theme="v2"] .feedback.hint {
  background: var(--tp-warning-soft);
  color: var(--tp-warning);
}
/* 分數條格與清單列的白底 */
html[data-tp-theme="v2"] .parts i,
html[data-tp-theme="v2"] .list li {
  background: var(--tp-surface);
}
/* 列印學習單：紙面、墨色、虛線、小格框 */
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .blank { border-color: var(--tp-text); }
html[data-tp-theme="v2"] .q-block { border-color: var(--tp-line); }
html[data-tp-theme="v2"] .mini-slots span { border-color: var(--tp-text-soft); }
/* 表單控件的強調色與游標色 */
html[data-tp-theme="v2"] input,
html[data-tp-theme="v2"] select {
  accent-color: var(--tp-accent-strong);
  caret-color: var(--tp-accent-strong);
}