/* ============================================================
   k07-charts（圖表偵探社）v2 風格覆寫｜年齡層：kids
   自訂屬性→權杖對應簡表：
   --c-paper→--tp-bg；--c-card／--c-plot→--tp-surface；--c-sand／
   --c-table→--tp-bg-deep；--c-ink→--tp-text；--c-ink-soft→--tp-text-soft；
   --c-primary 系→--tp-accent 系；--c-accent 系→--tp-subject-math 系；
   --c-ok／--c-bad／--c-hint 系→--tp-success／--tp-error／--tp-warning 系；
   --c-tint→--tp-accent-soft；--c-well→--tp-subject-math-soft；
   --c-focus→--tp-focus-ring；--c-chart-*→accent／subject／warning 系。
   ============================================================ */

/* 一、自訂屬性整批轉向權杖（深色隨權杖自動切換，
      吉祥物長頸鹿 --m-* 插圖色保留原樣） */
html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-deep: var(--tp-accent-strong);
  --c-on-primary: var(--tp-accent-on);
  --c-accent: var(--tp-subject-math);
  --c-accent-deep: var(--tp-subject-math);
  --c-accent-2: var(--tp-warning);
  --c-accent-2-deep: var(--tp-warning);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-paper: var(--tp-bg);
  --c-card: var(--tp-surface);
  --c-sand: var(--tp-bg-deep);
  --c-line: var(--tp-line);
  --c-ok: var(--tp-success);
  --c-ok-bg: var(--tp-success-soft);
  --c-ok-line: var(--tp-success);
  --c-bad: var(--tp-error);
  --c-bad-bg: var(--tp-error-soft);
  --c-bad-line: var(--tp-error);
  --c-hint: var(--tp-warning);
  --c-hint-bg: var(--tp-warning-soft);
  --c-hint-line: var(--tp-warning);
  --c-tint: var(--tp-accent-soft);
  --c-table: var(--tp-bg-deep);
  --c-well: var(--tp-subject-math-soft);
  --c-plot: var(--tp-surface);
  --c-focus: var(--tp-focus-ring);
  --c-dot: var(--tp-accent-soft);
  --c-chart-1: var(--tp-accent-strong);
  --c-chart-2: var(--tp-subject-math);
  --c-chart-3: var(--tp-warning);
  --c-chart-4: var(--tp-info);
  --c-chart-5: var(--tp-subject-zh);
  --c-chart-6: var(--tp-subject-en);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-xl);
  --radius-paper: var(--tp-radius-card);
  --shadow: var(--tp-shadow-2);
  --shadow-lift: var(--tp-shadow-lift);
  --font: var(--tp-font-sans);
}

/* 二、--c-primary-deep 同時餵主按鈕與標題強調字：
      屬性指向 accent，標題字另指回文字用強調色保對比 */
html[data-tp-theme="v2"] h1 span,
html[data-tp-theme="v2"] h2 span {
  color: var(--tp-accent-text);
}