/*
 * Mermaid label legibility.
 *
 * Material derives Mermaid's palette from these variables, and by default sets
 * --md-mermaid-label-fg-color to --md-code-fg-color, which is near-white in the
 * slate (dark) scheme. Our flow diagrams hardcode light pastel node fills
 * (fill:#dcfce7, #dbeafe, ...) to colour-code node types, so in dark mode the
 * labels rendered light-on-light and were invisible.
 *
 * A per-node `color:` in the diagram's `style` statement does NOT fix this —
 * Material's generated rule for the label element beats it. The palette must be
 * pinned here instead.
 *
 * Diagrams therefore keep a light "canvas" in both schemes: light node fills with
 * dark labels, sitting on whatever the page background is.
 */
[data-md-color-scheme="slate"] {
  /* Node label text — dark, to read against the light pastel fills. */
  --md-mermaid-label-fg-color: #111827;

  /* Nodes without an explicit fill (the Campaigns diagrams) would otherwise keep
     the theme's dark fill and inherit the dark label above — dark on dark. Give
     them a light fill to match the hand-coloured flow nodes. */
  --md-mermaid-node-bg-color: #e8eaf6;
  --md-mermaid-node-fg-color: #5c6bc0;

  /* --md-mermaid-label-bg-color is deliberately NOT overridden: it backs the edge
     labels ("continue"), whose text follows --md-mermaid-edge-color and stays
     light. Forcing this light would put light text on a light chip. */
}