/* Screen-only palette keeps printed articles on the original light paper. */
@media screen {
  .coding-chart-interactive .coding-chart-dark { display: block; }
  .coding-chart-interactive .coding-chart-light { display: none; }
  .privacy-scatter .ps-point.is-featured circle { fill: #a98fd8; }
  .privacy-scatter .ps-label.is-featured { fill: #ceb0e6; }
  .teamwork-chart :is(.tw-series.is-ampersand, .is-ampersand.tw-leader, .is-ampersand.tw-label) { --series: #ceb0e6; }
  .teamwork-chart :is(.tw-series.is-base, .is-base.tw-leader, .is-base.tw-label) { --series: #dcbc8e; }
  body.ampersand-page { --code-bg: #1b1b21; --code-key: #ceb0e6; --code-str: #dcbc8e; --code-arg: #92c9b6; }
  :root {
    color-scheme: dark;
    --bg: #17171b;
    --surface: #222228;
    --ink: #eeeae4;
    --muted: #b5b1bb;
    --line: #41404a;
    --accent: #ceb0e6;
    --orange: #ceb0e6;
    --hero-wash: linear-gradient(160deg, #2b2332 0%, #241d2a 58%, #29202b 100%);
    --hero-ink: #eee0f5;
    --hero-paper: #221a29;
    --card: #1f1f25;
    --card-line: #34333c;
    --card-shadow: 0 1px 2px #0005, 0 22px 44px -30px #000a;
    --link-line: rgb(206 176 230 / .45);
    --chat-person: #2a2a31;
    --chat-focus: #33302b;
    --chat-amp: #2d2838;
  }
  /* The light theme's pale selection fill would sit under light text; use a dark violet fill instead. */
  ::selection { background: #4f3f63; color: #f6f1fb; }
  .ampersand-page .hero-art { background: var(--hero-wash); }
  .ampersand-page .hero-art::after { mix-blend-mode: soft-light; opacity: .5; }
  .ampersand-page .hero-heading { color: var(--hero-ink); }
  :is(.ampersand-page, .ampersand-model-card) .site-logo { filter: invert(1) grayscale(1); }
  .ampersand-model-card { --accent: #ceb0e6; }
  .ampersand-model-card .article-hero h1 { color: #eee0f5; }
  .ampersand-model-card .article-content :is(th, pre, :not(pre) > code) { background: var(--surface); color: var(--ink); }
  .ampersand-page .article-content :is(pre, :not(pre) > code) { background: var(--surface); color: var(--ink); }
  .ampersand-page :is(.eval-explorer, .eval-skills-picker, .sim-examples) { --figure-accent: #ceb0e6; }
  .ampersand-page :is(.eval-chat, .eval-skill-panels .eval-skill-example .eval-chat) { background: #1b1b21; }
  .ampersand-page :is(.eval-chat-decision-chip, .eval-trace-chip, .eval-attention-reset) { color: #d7b9ef; }
  /* The article's light inline-code fill outranks the chip's own background, so dark mode restates it. */
  .ampersand-page .article-content .eval-trace-chip { background: #2a2433; border-color: #8b5caf66; }
  .ampersand-page .eval-chat .eval-trace-result { border-left-color: #4a4552; }
  .ampersand-page .article-rail .article-toc a { color: var(--muted); }
  .ampersand-page .article-rail .article-toc a:hover { color: var(--ink); background: var(--surface); }
  .ampersand-page .amp-tl { --tl-done: #a4d19b; }
  .ampersand-page .amp-tl :is(.tl-arm-ink, .tl-strip-label, .tl-card-arm, .tl-outcome-arm) { color: color-mix(in srgb, var(--arm, #ceb0e6) 55%, white); }
  .ampersand-page .amp-tl .tl-step:hover { background: #34333c; }
  /* timeline.css hard-codes pale fills for human iMessage bubbles and goal chips; they would sit under light text. */
  .ampersand-page [data-surface="imessage"].amp-tl .tl-msg:not(.is-assistant) .tl-msg-text { background: #34333b; }
  .ampersand-page .amp-tl .tl-goal-chip { background: #2c2e29; }
  .ampersand-page .amp-tl .tl-goal-chip.is-open { background: #2a2a2f; }
  .ampersand-page .amp-tl .tl-goal-chip.is-partial .tl-goal-mark { color: #d8c48f; }
  .ampersand-page :is(select, option) { color: var(--ink); background-color: var(--surface); }
  .ampersand-page :focus-visible { outline-color: #d7b9ef; }
}
#collaborative-results { --table-base: #30263d; --table-head: #473356; --table-ink: #f3edf9; --table-grid: #776287; --score-low: #62506f; --score-high: #23112f; --dark-score-ink: #fff; }