/* ============================================================
   k08-idioms（成語小劇場）v2 風格覆寫｜年齡層：kids
   自訂屬性→權杖對應簡表：
   --c-paper→--tp-bg；--c-card→--tp-surface；--c-line→--tp-line；
   --c-ink→--tp-text；--c-ink-soft→--tp-text-soft；--c-muted→--tp-text-faint；
   --c-primary 系→--tp-accent 系；--c-accent 系→--tp-success 系；
   --c-good／--c-bad／--c-hint 系→--tp-success／--tp-error／--tp-warning 系；
   圓角→--tp-radius-*；陰影→--tp-shadow-*；字體→--tp-font-sans。
   ============================================================ */

/* 一、自訂屬性整批轉向權杖（深色隨權杖自動切換） */
html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-d: var(--tp-accent-strong);
  --c-accent: var(--tp-success);
  --c-accent-d: var(--tp-success);
  --c-accent-2: var(--tp-warning);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-muted: var(--tp-text-soft);
  --c-paper: var(--tp-bg);
  --c-card: var(--tp-surface);
  --c-line: var(--tp-line);
  --c-good: var(--tp-success);
  --c-good-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);
  --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);
}

/* 二、寫死色碼逐條覆寫 */
html[data-tp-theme="v2"] body {
  background-image: radial-gradient(var(--tp-accent-soft) 1.1px, transparent 1.2px);
}
html[data-tp-theme="v2"] :focus-visible {
  outline-color: var(--tp-focus-ring);
}
html[data-tp-theme="v2"] button.primary,
html[data-tp-theme="v2"] button.primary.is-on {
  background: var(--tp-accent-strong);
  color: var(--tp-accent-on);
  border-color: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] button.good {
  background: var(--tp-success);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] button.is-on,
html[data-tp-theme="v2"] button.is-picked {
  border-color: var(--tp-accent-strong);
  background: var(--tp-accent-soft);
}
html[data-tp-theme="v2"] .say,
html[data-tp-theme="v2"] .sheet,
html[data-tp-theme="v2"] .ch,
html[data-tp-theme="v2"] input[type="text"],
html[data-tp-theme="v2"] .ghost {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .blank,
html[data-tp-theme="v2"] .drop {
  background: var(--tp-success-soft);
}
html[data-tp-theme="v2"] .blank.is-hot,
html[data-tp-theme="v2"] .drop.is-hot {
  background: var(--tp-warning-soft);
}
html[data-tp-theme="v2"] .hist p {
  background: var(--tp-bg-deep);
}

/* 三、成語字與注音換手寫楷體，增添劇場感 */
html[data-tp-theme="v2"] .idiom-line,
html[data-tp-theme="v2"] .ch,
html[data-tp-theme="v2"] .zhuyin {
  font-family: var(--tp-font-kai);
}