/* Loaded only for dark mode. Light palettes and print rendering stay authored. */
@media screen {
  :root { color-scheme: dark; --bg: #17171b; --paper: #222228; --surface: #222228; --ink: #eeeae4; --muted: #b5b1bb; --line: #41404a; --accent: #b9c9a3; --accent-strong: #dfad91; --orange: #dfad91; --code-bg: #222228; --code-ink: #eeeae4; --shadow: 0 22px 60px #0005; }
  body.article-page, body { background: var(--bg); color: var(--ink); }
  ::selection { background: #4f3f63; color: #f6f1fb; }
  .article-content :is(th, pre, :not(pre) > code), .playground-example, .example-scenario, .example-profile, .example-person[open] > summary, .example-person > summary:hover, .mtt-sample { background: var(--surface); color: var(--ink); }
  .article-content blockquote { color: var(--ink); background: #26302a; }
  .persimmon-page :is(.article-toc a, .toc-label, .persimmon-sidenote), .article-toc :is(a, .toc-label), .margin-footnote, .eval-figure-status { color: var(--muted); }
  .article-toc a.active, .article-toc a:hover, .is-persimmon .trickle-response-label { color: var(--accent); }
  .header-compact-title, .hero-heading, .hero-heading h1 { color: var(--ink); }
  .persimmon-page .hero-art { background: #25291f; }
  .persimmon-page .hero-heading::before { background: linear-gradient(90deg, #17171be8, #17171b00); }
  .hero-action-primary { background: #b9c9a3; color: #17171b; }
  .hero-action-secondary { background: #222228c9; color: var(--ink); border-color: var(--line); }
  .trickle-response.is-human { background: #292d28; }
  .trickle-response.is-persimmon { background: #293323; }
  .trickle-early-note { background: #41371f; color: #efd498; }
  .mtt-flow { --mtt-color: #b9c9a3; --mtt-tint: #293323; }
  .mtt-flow .mtt-sample { border-color: var(--line); }
  .article-content .nvfp4-viz { background: var(--paper); }
  .nvfp4-viz :is(.viz-tab, .viz-caption, .viz-note) { color: var(--ink); }
  .nvfp4-viz svg text { fill: var(--muted); }
  /* Preserve plot marks and geometry; adapt only paper, labels and grid ink. */
  .eval-figure svg [fill="#f8f7f3"], .eval-figure svg [style*="fill: #f3f2ed"] { fill: var(--surface) !important; }
  .eval-figure svg [style*="fill: #3b3d37"] { fill: var(--ink) !important; }
  .eval-figure svg [style*="fill: #6b6e65"] { fill: var(--muted) !important; }
  .eval-figure svg [style*="stroke: #3b3d37"] { stroke: var(--ink) !important; }
  .eval-figure svg [style*="stroke: #d9dcd3"] { stroke: var(--line) !important; }
  .site-logo-footer { filter: invert(1) grayscale(1); }
}
@media screen {
  /* The painting contains light paper; keep its authored foreground legible. */
  .persimmon-page .hero-art { background: #e8edde; }
  .persimmon-page .hero-heading, .persimmon-page .hero-heading h1, .persimmon-page .hero-heading .article-meta { color: #35432e; }
  .persimmon-page .hero-heading .hero-action-link { color: #35432e; }
  .persimmon-page .hero-heading .hero-action-primary { background: #f8f7f3; color: #3b3d37; }
  .persimmon-page .article-rail .article-toc :is(a, .toc-label) { color: var(--muted); }
  .persimmon-page .article-rail .article-toc a.active { color: var(--accent); }
  .nvfp4-viz svg [fill="#44403a"], .nvfp4-viz svg [fill="#55504a"], .nvfp4-viz svg [fill="#6d6860"], .nvfp4-viz svg [fill="#8a847a"] { fill: var(--muted); }
}