/* Force light colors on mermaid lines and borders regardless of theme */

/* Select the SVG paths that define the arrow lines and force the stroke (line color) */
.mermaid svg path.edge-thickness-normal {
  stroke: #e4e4e7 !important; /* Hardcoded light gray for the line itself */
}

/* Select the SVG paths that define the arrowheads and force the fill color */
.mermaid svg .marker-end {
  fill: #e4e4e7 !important; /* Hardcoded light gray for the arrowhead fill */
}

/* Select the node borders (rectangles around A, B, C, D) and force the stroke color */
.mermaid svg rect {
  stroke: #e4e4e7 !important; /* Hardcoded light gray for the border */
}
/* Select the edge labels (text boxes on the arrows) and force background and text colors */
.mermaid svg .edgeLabel p {
    background-color: #262626 !important;
    color: #e4e4e7 !important;
}