/* a7-jr-english｜國中英語｜年齡層 junior。
   對應簡表：--paper→--tp-bg、--sheet→--tp-surface、--ink→--tp-text、
   --muted→--tp-text-soft、--line→--tp-line、--navy→--tp-subject-en、
   --navy-soft→--tp-subject-en-soft、--seal→--tp-error、--seal-soft→--tp-error-soft、
   --ok→--tp-success、--ok-soft→--tp-success-soft、--on→--tp-accent-on、
   --knob→--tp-surface、--font→--tp-font-sans；深色由權杖自動切換。 */

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);
  --navy: var(--tp-subject-en);
  --navy-soft: var(--tp-subject-en-soft);
  --seal: var(--tp-error);
  --seal-soft: var(--tp-error-soft);
  --ok: var(--tp-success);
  --ok-soft: var(--tp-success-soft);
  --on: var(--tp-accent-on);
  --knob: var(--tp-surface);
  --font: var(--tp-font-sans);
}

html[data-tp-theme="v2"] body {
  background: var(--tp-bg);
  color: var(--tp-text);
  font-family: var(--tp-font-sans);
}

html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .stat,
html[data-tp-theme="v2"] .switch,
html[data-tp-theme="v2"] .note-link,
html[data-tp-theme="v2"] .empty {
  border-color: var(--tp-line);
  border-radius: var(--tp-radius-card);
  background: var(--tp-surface);
}

html[data-tp-theme="v2"] .card,
html[data-tp-theme="v2"] .stat {
  box-shadow: var(--tp-card-shadow);
}

html[data-tp-theme="v2"] .card-navy {
  border-radius: var(--tp-radius-card);
  background: var(--tp-subject-en);
  color: var(--tp-accent-on);
}

html[data-tp-theme="v2"] .dialog {
  border-radius: var(--tp-radius-card);
  background: var(--tp-surface);
  box-shadow: var(--tp-shadow-3);
}

html[data-tp-theme="v2"] .btn,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .badge,
html[data-tp-theme="v2"] .icon-box {
  border-radius: var(--tp-radius-ctl);
}

html[data-tp-theme="v2"] .btn {
  font-weight: var(--tp-fw-medium);
}

html[data-tp-theme="v2"] .seg {
  border-radius: var(--tp-radius-card);
  background: var(--tp-bg-deep);
}

html[data-tp-theme="v2"] .seg button {
  border-radius: var(--tp-radius-ctl);
}

html[data-tp-theme="v2"] .seg button[aria-pressed="true"] {
  background: var(--tp-surface);
  color: var(--tp-text);
  box-shadow: var(--tp-shadow-1);
}

html[data-tp-theme="v2"] .heat {
  border-radius: var(--tp-radius-s);
}

html[data-tp-theme="v2"] .heat-0 {
  background: var(--tp-bg-deep);
  color: var(--tp-text-soft);
}

html[data-tp-theme="v2"] .bar {
  background: var(--tp-line);
}

html[data-tp-theme="v2"] .bar span {
  background: var(--tp-subject-en);
}

html[data-tp-theme="v2"] .star {
  stroke: var(--tp-line-strong);
}

html[data-tp-theme="v2"] .star.on {
  fill: var(--tp-warning);
  stroke: var(--tp-warning);
}

html[data-tp-theme="v2"] .clock.urgent {
  border-color: var(--tp-error);
  color: var(--tp-error);
}

html[data-tp-theme="v2"] .top,
html[data-tp-theme="v2"] .dock,
html[data-tp-theme="v2"] .nav {
  border-color: var(--tp-line);
}

/* 主按鈕 accent 化：.btn-navy（主操作實心鈕）原用科目色 --navy（→--tp-subject-en）；
   .chip[aria-pressed="true"] 原科目色實心的選取態切換鈕一併改 accent。
   .btn-seal 為 danger 語意（--seal→--tp-error）次要鈕，維持原樣。 */
html[data-tp-theme="v2"] .btn-navy {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}

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

html[data-tp-theme="v2"] .chip[aria-pressed="true"] {
  background: var(--tp-accent);
  border-color: var(--tp-accent);
  color: var(--tp-accent-on);
}

html[data-tp-theme="v2"] button:focus-visible {
  outline-color: var(--tp-focus-ring);
}

/* K3e 本機補修（Kimi 判為單元卡而未改）：首頁最顯眼的實心主操作卡「會考複習模式」.card-navy，
   底色跟年齡層色 accent，字色 accent-on，hover 用 accent-strong；其餘不動 */
html[data-tp-theme="v2"] .card-navy {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}

html[data-tp-theme="v2"] .card-navy:hover:not(:disabled),
html[data-tp-theme="v2"] .card-navy:active:not(:disabled) {
  background: var(--tp-accent-strong);
}