.mermaid .messageText {
  fill: var(--text-default-grey) !important;
}

.mermaid .actor {
  fill: var(--blue-france-sun-113-625) !important;
}

.mermaid text.actor > tspan {
  fill: var(--text-inverted-grey) !important;
}

.mermaid line[class^='messageLine'] {
  stroke: var(--blue-france-sun-113-625) !important;
}

.mermaid #arrowhead path,
.mermaid #filled-head path {
  fill: var(--blue-france-sun-113-625) !important;
  stroke: var(--blue-france-sun-113-625) !important;
}