/* ============================================================
   k01-mental-math（速算道場）v2 風格覆寫　年齡層：kids（數學）
   對應簡表：--c-bg／--c-bg-deep → --tp-bg／--tp-bg-deep；--c-surface → --tp-surface
   --c-ink／--c-ink-soft → --tp-text／--tp-text-soft；--c-line → --tp-line
   --c-primary(-deep) → accent 系；--c-secondary(-soft) → 數學科目系（--tp-subject-math*）
   --c-ok／--c-bad／--c-hint → success／error／warning 系（含 -bg 對應 -soft）
   --r-* → --tp-radius-ctl／-card／-xl；--sh-sm／-md → --tp-shadow-1／-2；--font → --tp-font-sans
   ============================================================ */

/* 一、自訂屬性整批指向 v2 權杖（深色隨權杖自動切換） */
html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-deep: var(--tp-accent-strong);
  --c-secondary: var(--tp-subject-math);
  --c-secondary-soft: var(--tp-subject-math-soft);
  --c-accent: var(--tp-accent-strong);
  --c-accent-soft: var(--tp-accent-soft);
  --c-bg: var(--tp-bg);
  --c-bg-deep: var(--tp-bg-deep);
  --c-surface: var(--tp-surface);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-ok: var(--tp-success);
  --c-ok-bg: var(--tp-success-soft);
  --c-bad: var(--tp-error);
  --c-bad-bg: var(--tp-error-soft);
  --c-hint: var(--tp-warning);
  --c-hint-bg: var(--tp-warning-soft);
  --c-star: var(--tp-warning);
  --r-sm: var(--tp-radius-ctl);
  --r-md: var(--tp-radius-card);
  --r-lg: var(--tp-radius-xl);
  --sh-sm: var(--tp-shadow-1);
  --sh-md: var(--tp-shadow-2);
  --font: var(--tp-font-sans);
}

/* 二、寫死色碼逐條改指語意權杖 */
/* 背景點點：橘點改 accent-soft，深淺色皆柔和 */
html[data-tp-theme="v2"] body {
  background-image: radial-gradient(circle at 10px 10px, var(--tp-accent-soft) 1.4px, transparent 1.6px);
}
/* 焦點環跟 accent 系 */
html[data-tp-theme="v2"] button:focus-visible,
html[data-tp-theme="v2"] input:focus-visible,
html[data-tp-theme="v2"] select:focus-visible {
  outline-color: var(--tp-focus-ring);
}
/* 主按鈕與壓下陰影（底色已由 --c-primary 指向 accent） */
html[data-tp-theme="v2"] .btn-primary { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .btn-accent {
  color: var(--tp-accent-on);
  box-shadow: 0 4px 0 var(--tp-accent-strong);
}
/* 次要按鈕：原淺藍底深藍字，改實心數學科目色保對比 */
html[data-tp-theme="v2"] .btn-soft {
  background: var(--tp-subject-math);
  color: var(--tp-accent-on);
}
/* 英雄區與其上文字（底色已由 --c-secondary 指向科目色） */
html[data-tp-theme="v2"] .hero { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .hero p { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .eyebrow { color: var(--tp-accent-on); }
/* 分段按鈕選取態、題號圓徽章（科目色底） */
html[data-tp-theme="v2"] .seg button.is-on,
html[data-tp-theme="v2"] .q-no {
  color: var(--tp-accent-on);
}
/* 鍵盤確認鍵與拖曳影子（accent 底） */
html[data-tp-theme="v2"] .keypad .go,
html[data-tp-theme="v2"] #dragGhost {
  color: var(--tp-accent-on);
}
/* 白底輸入框、晶片、鍵盤、關卡卡、地圖列 */
html[data-tp-theme="v2"] .answer-input,
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] input:not([type]),
html[data-tp-theme="v2"] #countInput,
html[data-tp-theme="v2"] #seedInput {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .keypad button,
html[data-tp-theme="v2"] .level,
html[data-tp-theme="v2"] .map-item {
  background: var(--tp-surface);
}
/* 底部吸底列：原寫死米白半透明，改隨主題背景 */
html[data-tp-theme="v2"] .dock { background: var(--tp-bg); }
/* 列印學習單：紙面與墨色隨主題 */
html[data-tp-theme="v2"] .sheet {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .sheet-head { border-color: var(--tp-text); }
html[data-tp-theme="v2"] .blank { border-color: var(--tp-text); }
/* 表單控件的強調色與游標色 */
html[data-tp-theme="v2"] input,
html[data-tp-theme="v2"] select {
  accent-color: var(--tp-accent-strong);
  caret-color: var(--tp-accent-strong);
}

/* D2d 對比補修（1151001）。 */
/* .keypad button 的面底（特異性較高）蓋掉等號送出鍵的主色底，白字落在白底上；補回（kids 層用深一階 accent 底色，白字對比 >= 4.5）。 */
html[data-tp-theme="v2"] .keypad .go {
  background: var(--tp-accent-strong);
}