/* Mermaid sequence diagrams: Material dark mode often leaves arrow
   markers with a low-contrast purple fill, so direction looks missing.
   Force high-contrast edges and arrowheads in both schemes. */

:root,
[data-md-color-scheme="default"] {
  --mh-mermaid-edge: #1a237e;
  --mh-mermaid-lifeline: #3949ab;
}

[data-md-color-scheme="slate"] {
  --mh-mermaid-edge: #e8eaf6;
  --mh-mermaid-lifeline: #9fa8da;
}

.md-typeset .mermaid .messageLine0,
.md-typeset .mermaid .messageLine1,
.md-typeset .mermaid .loopLine,
.md-typeset .mermaid line[class*="message"] {
  stroke: var(--mh-mermaid-edge) !important;
  stroke-width: 1.75px !important;
}

.md-typeset .mermaid .actor-line,
.md-typeset .mermaid .actor-man line,
.md-typeset .mermaid line.actor-line {
  stroke: var(--mh-mermaid-lifeline) !important;
  stroke-width: 1.5px !important;
}

/* Arrow tip markers (sequence + flowchart) */
.md-typeset .mermaid marker path,
.md-typeset .mermaid .arrowheadPath,
.md-typeset .mermaid .marker,
.md-typeset .mermaid defs marker path {
  fill: var(--mh-mermaid-edge) !important;
  stroke: var(--mh-mermaid-edge) !important;
}
