/* jr03-math-function（函數探險家）；年齡層：junior；v2 風格覆寫。
   簡表：--c-paper→--tp-bg、--c-paper-deep→--tp-bg-deep、--c-card→--tp-surface、--c-line→--tp-line。
   --c-ink→--tp-text、--c-ink-soft→--tp-text-soft；--c-primary→--tp-accent、--c-primary-deep→--tp-accent-strong、--c-primary-soft→--tp-accent-soft。
   --c-accent→--tp-warning、--c-accent-deep→--tp-warning、--c-accent-soft→--tp-warning-soft、--c-gold→--tp-warning、--c-gold-soft→--tp-warning-soft。
   --c-ok→--tp-success、--c-ok-soft→--tp-success-soft、--c-bad→--tp-error。
   --radius-sm→--tp-radius-ctl、--radius→--tp-radius-card、--radius-lg→--tp-radius-card。
   --shadow→--tp-shadow-1、--shadow-sm→--tp-shadow-1、--font→--tp-font-sans。 */

html[data-tp-theme="v2"]:root {
  --c-primary: var(--tp-accent);
  --c-primary-deep: var(--tp-accent-strong);
  --c-primary-soft: var(--tp-accent-soft);
  --c-accent: var(--tp-warning);
  --c-accent-deep: var(--tp-warning);
  --c-accent-soft: var(--tp-warning-soft);
  --c-gold: var(--tp-warning);
  --c-gold-soft: var(--tp-warning-soft);
  --c-ink: var(--tp-text);
  --c-ink-soft: var(--tp-text-soft);
  --c-line: var(--tp-line);
  --c-paper: var(--tp-bg);
  --c-paper-deep: var(--tp-bg-deep);
  --c-card: var(--tp-surface);
  --c-ok: var(--tp-success);
  --c-ok-soft: var(--tp-success-soft);
  --c-bad: var(--tp-error);
  --radius-sm: var(--tp-radius-ctl);
  --radius: var(--tp-radius-card);
  --radius-lg: var(--tp-radius-card);
  --shadow: var(--tp-shadow-1);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}

/* 寫死色碼逐條覆寫 */
html[data-tp-theme="v2"] body {
  background-image:
    linear-gradient(rgba(110, 101, 88, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(110, 101, 88, 0.05) 1px, transparent 1px);
}
html[data-tp-theme="v2"] .skip {
  background: var(--tp-accent);
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] header.app-head {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .btn {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .btn.ghost {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .choice,
html[data-tp-theme="v2"] .answer-row input[type="text"],
html[data-tp-theme="v2"] .wide-input,
html[data-tp-theme="v2"] select.mode,
html[data-tp-theme="v2"] .calc-screen,
html[data-tp-theme="v2"] .graph-host,
html[data-tp-theme="v2"] .rec,
html[data-tp-theme="v2"] .fn-table th,
html[data-tp-theme="v2"] .fn-table td {
  background: var(--tp-surface);
}
html[data-tp-theme="v2"] .chip[aria-pressed="true"] {
  color: var(--tp-accent-on);
}
html[data-tp-theme="v2"] .badge {
  color: var(--tp-accent-text);
}
html[data-tp-theme="v2"] .hintbox {
  border-color: var(--tp-warning);
}
html[data-tp-theme="v2"] .solbox {
  border-color: var(--tp-accent);
}
html[data-tp-theme="v2"] .okbox {
  border-color: var(--tp-success);
}
html[data-tp-theme="v2"] .fn-table th,
html[data-tp-theme="v2"] .fn-table td {
  border-color: var(--tp-text-soft);
}
html[data-tp-theme="v2"] .toast {
  background: var(--tp-text);
  color: var(--tp-bg);
}

/* D2d 對比補修（1151001）。 */
/* .btn 一律白字（accent-on）會蓋掉次要鈕的墨色字，且 .chip 白底蓋掉按下態底色；各補回。 */
html[data-tp-theme="v2"] .btn.secondary {
  color: var(--tp-text);
}

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

/* D2d 對比補修（1151001）。 */
/* 函數表格儲存格底色換成主題面，App 寫死的 #111 字色在深色模式下看不見，改跟主題文字色。 */
html[data-tp-theme="v2"] .fn-table th,
html[data-tp-theme="v2"] .fn-table td {
  color: var(--tp-text);
}

/* D2d 對比補修（1151001）。 */
/* 考卷紙張維持白底（App 寫死白底，深色權杖會把紙內字變淺而落在白紙上）：深色模式下紙內一律用列印深墨 #1F1B14；亮色模式不變。 */
@media (prefers-color-scheme: dark) {
  html[data-tp-theme="v2"]:not([data-theme="light"]) .sheet,
  html[data-tp-theme="v2"]:not([data-theme="light"]) .sheet * {
    color: #1F1B14 !important;
  }
}

html[data-tp-theme="v2"][data-theme="dark"] .sheet,
html[data-tp-theme="v2"][data-theme="dark"] .sheet * {
  color: #1F1B14 !important;
}

/* 考卷內的函數表格儲存格底色是主題面（深色模式為深色），在白紙內改透明，才配得上深墨字。 */
html[data-tp-theme="v2"] .sheet .fn-table th,
html[data-tp-theme="v2"] .sheet .fn-table td {
  background: transparent;
}