/* ============================================================
   k06-calendar-time（時間規劃師）v2 風格覆寫｜年齡層：kids
   自訂屬性→權杖對應簡表：
   --c-bg／--c-bg-2→--tp-bg／--tp-bg-deep；--c-surface／--c-input／
   --c-paper→--tp-surface；--c-ink／--c-paper-ink→--tp-text；
   --c-ink-soft→--tp-text-soft；--c-line→--tp-line；
   --c-primary／--c-btn 系→--tp-accent 系；--c-teal 系→--tp-subject-math 系；
   --c-gold 系→--tp-warning 系；--c-rose 系→--tp-error 系；
   --c-ok 系→--tp-success 系；--c-focus→--tp-focus-ring。
   ============================================================ */

/* 一、自訂屬性整批轉向權杖（深色隨權杖自動切換，
      吉祥物貓頭鷹 --c-owl-* 與儀器插圖色保留原樣） */
html[data-tp-theme="v2"]:root {
  --c-bg: var(--tp-bg);
  --c-bg-2: 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-primary: var(--tp-accent-strong);
  --c-primary-dark: var(--tp-accent-strong);
  --c-primary-soft: var(--tp-accent-soft);
  --c-teal: var(--tp-subject-math);
  --c-teal-dark: var(--tp-subject-math);
  --c-teal-soft: var(--tp-subject-math-soft);
  --c-gold: var(--tp-warning);
  --c-gold-soft: var(--tp-warning-soft);
  --c-rose: var(--tp-error);
  --c-rose-soft: var(--tp-error-soft);
  --c-ok: var(--tp-success);
  --c-ok-soft: var(--tp-success-soft);
  --c-btn: var(--tp-accent-strong);
  --c-btn-hover: var(--tp-accent-strong);
  --c-btn-teal: var(--tp-subject-math);
  --c-btn-teal-hover: color-mix(in srgb, var(--tp-subject-math) 85%, #000000);
  --c-on-btn: var(--tp-accent-on);
  --c-input: var(--tp-surface);
  --c-track: var(--tp-bg-deep);
  --c-paper: var(--tp-surface);
  --c-paper-ink: var(--tp-text);
  --c-focus: var(--tp-focus-ring);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --r-sm: var(--tp-radius-ctl);
  --r-md: var(--tp-radius-card);
  --r-lg: var(--tp-radius-xl);
  --font: var(--tp-font-sans);
}

/* 二、選取態與勾選框統一跟隨強調色 */
html[data-tp-theme="v2"] .choices input,
html[data-tp-theme="v2"] .checks input {
  accent-color: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] .opt[aria-pressed="true"] {
  border-color: var(--tp-accent-strong);
  background: var(--tp-accent-soft);
}