/* b4-amc-math（AMC 數學）v2 風格覆寫
   年齡層：more（我想變強），科目：數學。
   對應簡表：--ink→--tp-bg、--ink-2→--tp-surface-2、--bone→--tp-surface、
   --bone-2→--tp-bg-deep、--bone-3→--tp-line-strong、--line→--tp-line、
   --inktext／--fg→--tp-text、--inksoft／--muted→--tp-text-soft、
   --seal→--tp-accent、--serif→--tp-font-serif。 */

/* 變數改指語意層；特異性高於 App 的 :root，深色由權杖自動切換 */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-bg);
  --ink-2: var(--tp-surface-2);
  --bone: var(--tp-surface);
  --bone-2: var(--tp-bg-deep);
  --bone-3: var(--tp-line-strong);
  --line: var(--tp-line);
  --inktext: var(--tp-text);
  --inksoft: var(--tp-text-soft);
  --fg: var(--tp-text);
  --muted: var(--tp-text-soft);
  --seal: var(--tp-accent);
  --serif: var(--tp-font-serif);
}

/* 內文字體與寫死深色的黏置列、底部列 */
html[data-tp-theme="v2"] body { font-family: var(--tp-font-sans); }
html[data-tp-theme="v2"] .sticky,
html[data-tp-theme="v2"] .dock { background: var(--tp-bg); }

/* 原本是墨底紙字的反白元件，改為墨鈕與正文色 */
html[data-tp-theme="v2"] .btn.ink { background: var(--tp-text); color: var(--tp-bg); }
html[data-tp-theme="v2"] .ico { color: var(--tp-text); }
html[data-tp-theme="v2"] .badge.got span { color: var(--tp-text); }

/* 品牌印記保留科目色（數學墨藍） */
html[data-tp-theme="v2"] .seal-sq { background: var(--tp-subject-math); color: var(--tp-accent-on); }

/* 熱度格：原寫死朱砂漸層，改為強調色深淺階 */
html[data-tp-theme="v2"] .heat-1 { border-color: var(--tp-accent); background: var(--tp-accent); opacity: 0.35; }
html[data-tp-theme="v2"] .heat-2 { border-color: var(--tp-accent); background: var(--tp-accent); opacity: 0.65; }
html[data-tp-theme="v2"] .heat-3 { border-color: var(--tp-accent); background: var(--tp-accent); }

/* 今日與旗標提示：原為紙色描邊，淺色下會隱形，改強調色 */
html[data-tp-theme="v2"] .cell.today { outline-color: var(--tp-accent); }
html[data-tp-theme="v2"] .today-empty { border-color: var(--tp-accent); }
html[data-tp-theme="v2"] .dot.flag:not(.now) { border-top-color: var(--tp-accent); }
html[data-tp-theme="v2"] .dot.now { border-color: var(--tp-line-strong); }

/* 倒數告急原為朱砂紅，改錯誤色維持警示語意 */
html[data-tp-theme="v2"] .clock.low { color: var(--tp-error); }

/* 行內寫死淺色文字，強制改為正文色 */
html[data-tp-theme="v2"] p[style*="color:#f3eee4"] { color: var(--tp-text) !important; }

/* 中和 App 寫死色碼的深色規則，讓紙卡跟隨權杖深色 */
html[data-tp-theme="v2"][data-theme="dark"] .sheet { background: var(--tp-surface); color: var(--tp-text); border-color: var(--tp-line-strong); }
html[data-tp-theme="v2"][data-theme="dark"] details.sheet { border-top-color: var(--tp-line-strong); }
html[data-tp-theme="v2"][data-theme="dark"] .sheet .soft { color: var(--tp-text-soft); }
html[data-tp-theme="v2"][data-theme="dark"] .sheet .choice:not(.on) { background: var(--tp-surface); color: var(--tp-text); border-color: var(--tp-line); }
html[data-tp-theme="v2"][data-theme="dark"] .sheet .choice:not(.on) .letter { background: var(--tp-bg-deep); }
html[data-tp-theme="v2"][data-theme="dark"] .sheet .choice:not(.on):hover { background: var(--tp-bg-deep); }
html[data-tp-theme="v2"][data-theme="dark"] .sheet .q-head,
html[data-tp-theme="v2"][data-theme="dark"] .sheet .gate-meta,
html[data-tp-theme="v2"][data-theme="dark"] .sheet .detail,
html[data-tp-theme="v2"][data-theme="dark"] .sheet .fresh { border-color: var(--tp-line); }
html[data-tp-theme="v2"][data-theme="dark"] .sheet .btn.ghost { border-color: var(--tp-text); color: var(--tp-text); }
