/* app17-ratio（比例調味廚）v2 風格覆寫；年齡層：kids（朱砂強調、大圓角、溫暖圓潤）。
   --bg→--tp-bg；--bg-wash→--tp-accent-softer；--surface→--tp-surface；--ink→--tp-text；--muted→--tp-text-soft；--line→--tp-line。
   --paprika→--tp-accent；--paprika-d→--tp-accent-strong；--paprika-s→--tp-accent-soft（暖色主鈕與選取態）。
   --basil→--tp-success；--basil-d→--tp-success；--basil-s→--tp-success-soft（綠色確認、勾選與進度角色）。
   --honey→--tp-warning；--honey-d→--tp-warning；--honey-s→--tp-warning-soft；--rose→--tp-error；--rose-s→--tp-error-soft。
   --shadow→--tp-shadow-2；--shadow-sm→--tp-shadow-1；--r-sm→--tp-radius-ctl；--r／--r-lg→--tp-radius-card；--font→--tp-font-sans；進度條改以 --tp-subject-math 點綴。 */
html[data-tp-theme="v2"]:root {
  --bg: var(--tp-bg);
  --bg-wash: var(--tp-accent-softer);
  --surface: var(--tp-surface);
  --ink: var(--tp-text);
  --muted: var(--tp-text-soft);
  --line: var(--tp-line);
  --paprika: var(--tp-accent-strong);
  --paprika-d: var(--tp-accent-strong);
  --paprika-s: var(--tp-accent-soft);
  --basil: var(--tp-success);
  --basil-d: var(--tp-success);
  --basil-s: var(--tp-success-soft);
  --honey: var(--tp-warning);
  --honey-d: var(--tp-warning);
  --honey-s: var(--tp-warning-soft);
  --rose: var(--tp-error);
  --rose-s: var(--tp-error-soft);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --r-sm: var(--tp-radius-ctl);
  --r: var(--tp-radius-card);
  --r-lg: var(--tp-radius-card);
  --font: var(--tp-font-sans);
}
html[data-tp-theme="v2"] .skip:focus { background-color: var(--tp-surface); }
html[data-tp-theme="v2"] .speech,
html[data-tp-theme="v2"] .btn-ghost,
html[data-tp-theme="v2"] .seg label,
html[data-tp-theme="v2"] .checks label,
html[data-tp-theme="v2"] .figure,
html[data-tp-theme="v2"] .big-input,
html[data-tp-theme="v2"] .chip,
html[data-tp-theme="v2"] .list article,
html[data-tp-theme="v2"] .textin {
  background-color: var(--tp-surface);
}
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .btn-warm,
html[data-tp-theme="v2"] .tabs button[aria-selected="true"] {
  color: var(--tp-accent-on);
}

/* 主按鈕與選取分頁原用羅勒綠（--basil→success）實心，改接 accent 系；綠色保留給勾選、訊息與進度條 */
html[data-tp-theme="v2"] .btn-primary,
html[data-tp-theme="v2"] .tabs button[aria-selected="true"] {
  background: var(--tp-accent-strong);
  border-color: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] .btn-primary:hover,
html[data-tp-theme="v2"] .btn-primary:active {
  background: var(--tp-accent-strong);
}
html[data-tp-theme="v2"] .progress { background-color: var(--tp-bg-deep); }
html[data-tp-theme="v2"] .progress > i { background: var(--tp-subject-math); }
html[data-tp-theme="v2"] .paper {
  background-color: var(--tp-surface);
  color: var(--tp-text);
}
html[data-tp-theme="v2"] .workline { border-bottom-color: var(--tp-text-faint); }
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-focus-ring); }
html[data-tp-theme="v2"] ::selection {
  background-color: var(--tp-accent-soft);
  color: var(--tp-text);
}