/*
 * Flowchart colours: Material Mermaid themeCSS uses --md-mermaid-* on .node shapes.
 * Do not use Mermaid classDef fill/color for brand tones — inline styles block these
 * variables and stay “stuck” in one scheme. Variables follow the header light/dark toggle.
 */
[data-md-color-scheme="default"] .md-typeset {
  --md-mermaid-node-bg-color: #b2dfdb;
  --md-mermaid-node-fg-color: #00897b;
  --md-mermaid-label-fg-color: #0f172a;
  --md-mermaid-edge-color: #64748b;
}

[data-md-color-scheme="slate"] .md-typeset {
  --md-mermaid-node-bg-color: #00695c;
  --md-mermaid-node-fg-color: #34d399;
  --md-mermaid-label-fg-color: #ecfdf5;
  --md-mermaid-edge-color: #94a3b8;
}