/* ============================================================
   k14-taiwan-map（臺灣縣市大冒險）v2 風格覆寫
   年齡層：kids；科目：社會（識別色 --tp-subject-soc）
   自訂屬性→權杖對應簡表：
   ・--c-bg→--tp-bg、--c-surface→--tp-surface、--c-ink→--tp-text、--c-ink-soft→--tp-text-soft、--c-line→--tp-line
   ・--c-primary／--c-primary-d／--c-primary-s→accent 系（主按鈕、選取態）
   ・--c-accent→--tp-focus-ring（焦點環）、--c-accent-s→--tp-warning-soft（提示、徽章底）
   ・--c-accent-2-s→--tp-error-soft、--c-bad→--tp-error；海面--c-sea(-s)→--tp-subject-soc(-soft)
   ・--r-*→--tp-radius-ctl／-card／-xl；--sh-*→--tp-shadow-1／-2；--font→--tp-font-sans
   ============================================================ */

html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent-strong);
  --c-primary-d: var(--tp-accent-strong);
  --c-primary-s: var(--tp-accent-soft);
  --c-accent: var(--tp-focus-ring);
  --c-accent-d: var(--tp-warning);
  --c-accent-s: var(--tp-warning-soft);
  --c-accent-2: var(--tp-error);
  --c-accent-2-s: var(--tp-error-soft);
  --c-sea: var(--tp-subject-soc);
  --c-sea-s: var(--tp-subject-soc-soft);
  --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-bad: var(--tp-error);
  --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-line) 1px, transparent 1px);
}

html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3 {
  font-family: var(--tp-font-serif);
}

/* 主按鈕：底 accent（由 --c-primary 帶入），字色 accent-on */
html[data-tp-theme="v2"] .btn {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn.secondary,
html[data-tp-theme="v2"] .btn.ghost {
  color: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] .btn.ghost {
  color: var(--tp-text);
}

/* 答對回饋改成功語意（原與選取態共用 --c-primary-s） */
html[data-tp-theme="v2"] .feedback.ok {
  background-color: var(--tp-success-soft);
}

/* 寫死的白底輸入框與半透空格槽 */
html[data-tp-theme="v2"] .seed,
html[data-tp-theme="v2"] .slot {
  background-color: var(--tp-surface);
}

/* 海面框線隨科目社會藍 */
html[data-tp-theme="v2"] .map-sea {
  border-color: var(--tp-subject-soc);
}

/* 縣市卡、籌碼、格槽：寫死邊色換深一階邊線 */
html[data-tp-theme="v2"] .tile,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .slot {
  border-color: var(--tp-line-strong);
}

/* 縣市卡與籌碼是實體紙卡隱喻：五大區域色保留，字固定墨深，
   避免深色模式下淺字壓淺底 */
html[data-tp-theme="v2"] .tile,
html[data-tp-theme="v2"] .chip {
  color: #3B352C;
}

/* 勳章內圈光環換提示淺色階 */
html[data-tp-theme="v2"] .medallion {
  box-shadow: inset 0 0 0 8px var(--tp-warning-soft);
}