/* Purple accents stay local to the core and system diagrams.
   All figure surfaces stay white; message and method colors keep their meaning. */
#overview, #system {
  --akv-figure-surface:#fff;
  --akv-figure-well:#f2edf8;
  --akv-figure-border:#e2daec;
  --akv-figure-grid:#e9e2f0;
  --akv-figure-ink:#544b5e;
  --akv-figure-muted:#8a8393;
  --akv-figure-accent:#75549b;
}
#system :is(.akv-history,.akv-mechanism-figure) {
  background:var(--akv-figure-surface);
  border:1px solid var(--akv-figure-border);
}
#overview .akv-comparison-point { border-color:var(--akv-figure-border); }
.akv-history-tree { border-color:var(--akv-figure-border); }
#overview .akv-row-label,#system .akv-history-panel h4 { color:var(--akv-figure-muted); }
#system :is(.akv-history,.akv-mechanism-figure) figcaption { color:var(--akv-figure-muted); }
#overview .akv-segmented button { color:var(--akv-figure-muted); }
#overview .akv-segmented button[aria-pressed='true'] { color:var(--akv-figure-accent); }
#overview .akv-core-demo .akv-core-status { background:var(--akv-figure-well); color:var(--akv-figure-ink); }
#overview .akv-comparison-ours .akv-core-status { background:#e9e0f4; color:var(--akv-figure-accent); }
#overview .akv-core-stages button,.akv-history-stages button { color:var(--akv-figure-muted); border-color:var(--akv-figure-border); }
#overview .akv-core-stages button[aria-current='step'],.akv-history-stages button[aria-current='step'] { color:var(--akv-figure-accent); border-color:var(--akv-figure-accent); }
.akv-history-stages button::before { background:var(--akv-figure-accent); }
#overview .akv-core-controls button,#overview #operation-playback,.akv-history-playback button,.akv-interface-controls button { border-color:var(--akv-figure-border); color:var(--akv-figure-accent); }
#system :is(.akv-history-playback button,.akv-interface-controls button) { background:var(--akv-figure-well); }
/* Preserve the same message identity across core, operations and system figures. */
#overview .akv-old { background:#fff0dc; border-color:#d7a65e; color:#544b5e; }
#overview .akv-thought { background:#e5eedc; border-color:#91ac72; color:#544b5e; }
#overview .akv-recent { background:#e3edfa; border-color:#81a4ce; color:#544b5e; }
#overview .akv-new { background:#e9e0f4; border-color:#a18aba; color:#544b5e; }
#overview .akv-old .akv-operation-state { background:#fff0dc; }
#overview .akv-thought .akv-operation-state { background:#e5eedc; }
#overview .akv-recent .akv-operation-state { background:#e3edfa; }
#overview .akv-new .akv-operation-state { background:#e9e0f4; }