/* ============================================================
   k03-3d-shapes（積木觀察站）v2 風格覆寫　年齡層：kids（數學）
   對應簡表：--c-bg → --tp-bg；--c-surface → --tp-surface；--c-line → --tp-line
   --c-ink／--c-ink-soft → --tp-text／--tp-text-soft
   --c-primary(-d／-l)／--c-accent(-d／-l) → accent 系；--c-honey(-d) → warning 系
   --c-ok／--c-no／--c-hint → success／error／warning-soft 系；積木面 --c-top～--c-edge → accent 階
   --radius-* → --tp-radius-ctl／-card／-xl；--shadow-m → --tp-shadow-2；--font → --tp-font-sans
   ============================================================ */

/* 一、自訂屬性整批指向 v2 權杖（深色隨權杖自動切換） */
html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-d: var(--tp-accent-strong);
  --c-primary-l: var(--tp-accent-softer);
  --c-accent: var(--tp-accent-strong);
  --c-accent-d: var(--tp-accent-strong);
  --c-accent-l: var(--tp-accent-soft);
  --c-honey: var(--tp-warning);
  --c-honey-d: var(--tp-warning);
  --c-bg: var(--tp-bg);
  --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-l: var(--tp-success-soft);
  --c-no: var(--tp-error);
  --c-no-l: var(--tp-error-soft);
  --c-hint: var(--tp-warning-soft);
  --c-top: var(--tp-accent-soft);
  --c-mid: var(--tp-accent-strong);
  --c-side: var(--tp-accent-strong);
  --c-edge: var(--tp-text);
  --radius-s: var(--tp-radius-ctl);
  --radius-m: var(--tp-radius-card);
  --radius-l: var(--tp-radius-xl);
  --shadow-m: var(--tp-shadow-2);
  --font: var(--tp-font-sans);
}

/* 二、寫死色碼逐條改指語意權杖 */
/* 背景點點：橘點改 accent-soft，深淺色皆柔和 */
html[data-tp-theme="v2"] body {
  background-image: radial-gradient(var(--tp-accent-soft) 1.2px, transparent 1.2px);
}
/* 吸頂列：原寫死米白半透明，改隨主題背景 */
html[data-tp-theme="v2"] header { background: var(--tp-bg); }
/* 焦點環跟 accent 系 */
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }
/* 主按鈕字色（accent 底，深色為深字） */
html[data-tp-theme="v2"] .btn { color: var(--tp-accent-on); }
/* 幽靈鈕、選項、數字鍵保持墨色（避免被上行覆蓋） */
html[data-tp-theme="v2"] .btn.ghost,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .pad button {
  color: var(--tp-text);
}
/* 蜂蜜鈕保留深棕字（琥珀底深淺色皆達對比） */
html[data-tp-theme="v2"] .btn.honey { color: #3d2c08; }
/* 按下選取態（accent 底）字色隨 accent-on */
html[data-tp-theme="v2"] .choice[aria-pressed="true"],
html[data-tp-theme="v2"] .chip[aria-pressed="true"],
html[data-tp-theme="v2"] .seg button[aria-pressed="true"] {
  color: var(--tp-accent-on);
}
/* 圖框淺米底改浮起面 */
html[data-tp-theme="v2"] .fig-box { background: var(--tp-surface-2); }
/* 拖放槽白底改表面色（虛線框已由 --c-primary 指向 accent） */
html[data-tp-theme="v2"] .well { background: var(--tp-surface); }
/* 星星：未得星由寫死米灰改主題邊線色 */
html[data-tp-theme="v2"] .star { fill: var(--tp-line); }
/* 拖曳影子（accent 底）字色隨 accent-on */
html[data-tp-theme="v2"] .drag-ghost { color: var(--tp-accent-on); }
/* 列印卷紙：紙面與墨色隨主題，題目虛線改邊線色 */
html[data-tp-theme="v2"] .paper {
  background: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .q-item { border-color: var(--tp-line); }
/* 表單控件的強調色與游標色 */
html[data-tp-theme="v2"] input {
  accent-color: var(--tp-accent-strong);
  caret-color: var(--tp-accent-strong);
}

/* D2d 對比補修（1151001）。 */
/* 琥珀鈕：深琥珀底配深棕字只有 3.5:1；改科目淺底配主題文字色並以琥珀描邊，亮暗兩色皆 >= 4.5:1。 */
html[data-tp-theme="v2"] .btn.honey {
  background: var(--tp-warning-soft);
  color: var(--tp-text);
  border-color: var(--tp-warning);
}