/* b8-civil-elementary（初等考）v2 風格覆寫；年齡層 more。 */
/* 對應：--paper→--tp-bg、--sheet→--tp-surface、--ink→--tp-text、--muted→--tp-text-soft、 */
/* --line→--tp-line、--cinnabar→--tp-accent、--cinnabar-soft→--tp-accent-soft、 */
/* --on-cinnabar→--tp-accent-on、--on-ink→--tp-bg、--radius→--tp-radius-card。 */
/* 主操作用深藍強調，品牌識別用 --tp-subject-skills；答對改成功綠、答錯改錯誤紅。 */

/* ---- 自訂屬性改指權杖（特異性高於 App 的 html[data-theme="dark"]，深色自動對齊） ---- */
html[data-tp-theme="v2"]:root {
  --paper: var(--tp-bg);
  --sheet: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --cinnabar: var(--tp-accent);
  --cinnabar-soft: var(--tp-accent-soft);
  --on-cinnabar: var(--tp-accent-on);
  --on-ink: var(--tp-bg);
  --radius: var(--tp-radius-card);
  color-scheme: light;
}
html[data-tp-theme="v2"][data-theme="dark"]:root { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
  html[data-tp-theme="v2"]:not([data-theme="light"]):root { color-scheme: dark; }
}

/* ---- 字體：內文黑體、標題與 .serif 襯線 ---- */
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); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }

/* ---- 分層：頁首、底列、分頁列用深一階邊線 ---- */
html[data-tp-theme="v2"] .top { border-bottom-color: var(--tp-line-strong); }
html[data-tp-theme="v2"] .dock,
html[data-tp-theme="v2"] .tabbar { border-top-color: var(--tp-line-strong); }

/* ---- 卡片：深邊線、無陰影 ---- */
html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .dialog,
html[data-tp-theme="v2"] .overlay.confirm .dialog {
  border-color: var(--tp-line-strong);
  box-shadow: var(--tp-card-shadow);
}

/* ---- 方正小圓角 ---- */
html[data-tp-theme="v2"] .btn { border-radius: var(--tp-radius-ctl); }
html[data-tp-theme="v2"] .navlink,
html[data-tp-theme="v2"] .chip { border-radius: var(--tp-radius-chip); }
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .explain,
html[data-tp-theme="v2"] .subrows li,
html[data-tp-theme="v2"] .ico { border-radius: var(--tp-radius-ctl); }
html[data-tp-theme="v2"] .mark,
html[data-tp-theme="v2"] .seal,
html[data-tp-theme="v2"] .cell { border-radius: var(--tp-radius-s); }
html[data-tp-theme="v2"] .qbtn { border-radius: var(--tp-radius-s); }

/* ---- 品牌與識別：科目色（綜合能力） ---- */
html[data-tp-theme="v2"] .mark { background: var(--tp-subject-skills); color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .kicker { color: var(--tp-subject-skills); }
html[data-tp-theme="v2"] .hero i { background: var(--tp-subject-skills); }
html[data-tp-theme="v2"] .pass-stamp { border-color: var(--tp-subject-skills); color: var(--tp-subject-skills); }
html[data-tp-theme="v2"] .badge .seal { background: var(--tp-subject-skills); color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .badge.off .seal {
  border-color: var(--tp-line);
  background: var(--tp-bg);
  color: var(--tp-text-soft);
}

/* ---- 主操作與選取態：深藍強調 ---- */
html[data-tp-theme="v2"] .badge.pick { box-shadow: 0 0 0 2px var(--tp-accent); }
html[data-tp-theme="v2"] .cell.today { box-shadow: 0 0 0 2px var(--tp-accent); }
html[data-tp-theme="v2"] .meter i { background: var(--tp-accent) !important; }

/* ---- 答對改成功綠、答錯與緊迫計時改錯誤紅 ---- */
html[data-tp-theme="v2"] .choice.correct {
  border-color: var(--tp-success);
  background: var(--tp-success-soft);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .choice.correct .L { border-color: var(--tp-success); color: var(--tp-success); }
html[data-tp-theme="v2"] .choice.wrong {
  border-color: var(--tp-error);
  background: var(--tp-error-soft);
}
html[data-tp-theme="v2"] .choice.wrong .L { border-color: var(--tp-error); color: var(--tp-error); }
html[data-tp-theme="v2"] .clock.urgent { color: var(--tp-error); }

/* D2d 對比補修（1151001）。 */
/* 墨卡內的 .kicker 原寫死朱砂色，落在深墨底只有 2.2:1（深色模式墨卡變淺，朱砂夜間階落在淺底 2.4:1）；改成卡面上的字色。 */
html[data-tp-theme="v2"] .inkcard .kicker {
  color: var(--tp-bg);
}