/* c6-logic-king（邏輯王）v2 風格覆寫；年齡層 more；科目：數學；類型：遊戲。 */
/* 對應：--bg→--tp-bg；--surface→--tp-surface；--ink→--tp-text；--muted→--tp-text-soft；--line→--tp-line。 */
/* --primary→--tp-accent；--primary-soft→--tp-accent-soft；--cinnabar→--tp-error；--cinnabar-soft→--tp-error-soft。 */
/* 小標與裝飾線改用科目色 --tp-subject-math；App 的 html.dark 變數因特異性較低自動失效。 */

/* 變數重新指向語意權杖；深色由 tp-tokens 依 data-theme／系統偏好自動切換 */
html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --surface: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-soft: var(--tp-accent-soft);
  --cinnabar: var(--tp-error);
  --cinnabar-soft: var(--tp-error-soft);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  html[data-tp-theme="v2"]:not([data-theme="light"]) { color-scheme: dark; }
}
html[data-tp-theme="v2"][data-theme="dark"] { color-scheme: dark; }

/* 字體：內文黑體、標題襯線 */
html[data-tp-theme="v2"] body { font-family: var(--tp-font-sans); }
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2,
html[data-tp-theme="v2"] h3,
html[data-tp-theme="v2"] .serif {
  font-family: var(--tp-font-serif);
  font-weight: var(--tp-display-weight);
}

/* 聚焦框改為權杖色 */
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }

/* 科目色小標（原為朱砂紅，改數學墨藍以示學科） */
html[data-tp-theme="v2"] .kicker { color: var(--tp-subject-math); }

/* 主按鈕與滿格熱度：主色上文字用 --tp-accent-on，避免深色下對比不足 */
html[data-tp-theme="v2"] .btn.primary { color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .heat2 { color: var(--tp-accent-on); }

/* 卡片：深邊線分層、小圓角 */
html[data-tp-theme="v2"] .card {
  border-color: var(--tp-line-strong);
  border-radius: var(--tp-radius-card);
}

/* 控制項與統計塊：方正小圓角 */
html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .diff,
html[data-tp-theme="v2"] .mixbtn,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .stat,
html[data-tp-theme="v2"] .heat,
html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .seg {
  border-radius: var(--tp-radius-ctl);
}
html[data-tp-theme="v2"] .pill { border-radius: var(--tp-radius-badge); }

/* 桌機側邊裝飾線：改科目色淡階（原為朱砂半透明） */
html[data-tp-theme="v2"] body::before {
  background: var(--tp-subject-math);
  opacity: 0.35;
}

/* 墨色實心主按鈕與 seg 選取態：墨色只留文字與棋盤用途，主操作改 accent 系 */
html[data-tp-theme="v2"] .btn.ink {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
  border-color: var(--tp-accent);
}

html[data-tp-theme="v2"] .btn.primary:hover:not(:disabled),
html[data-tp-theme="v2"] .btn.ink:hover:not(:disabled),
html[data-tp-theme="v2"] .btn.primary:active,
html[data-tp-theme="v2"] .btn.ink:active {
  background: var(--tp-accent-strong);
  border-color: var(--tp-accent-strong);
}

html[data-tp-theme="v2"] .seg button.on {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}

/* D2d 對比補修（1151001）。 */
/* .mix 墨卡的標題與輔助字原用 --primary-soft（深色模式是 16% 透明色，落在淺卡面上看不見）；改成卡面上的字色。 */
html[data-tp-theme="v2"] .mix h2,
html[data-tp-theme="v2"] .mix .soft {
  color: var(--tp-bg);
}