/*
Adjust light mode colors to match
the "base" theme for Mermaid diagrams.
*/
[data-md-color-scheme="default"] {
  /* Node background color */
  --md-mermaid-node-bg-color: hsl(41, 100%, 93%);
  /* Node border color */
  --md-mermaid-node-fg-color: hsl(40, 60%, 83%);
  /* Link text backgroung color */
  --md-mermaid-label-bg-color: 	hsl(281, 100%, 93%);
  /* Subgraph background color */
  --md-default-fg-color--lightest: hsla(220, 100%, 96%, 0.5);
  /* Subgraph border color */
  --md-default-fg-color--lighter: hsl(220, 60%, 88%);
}

/*
Adjust dark mode colors to improve
representation of text and subgraphs
in Mermaid diagrams.
*/
[data-md-color-scheme="slate"] {
  /* Link text backgroung color */
  --md-mermaid-label-bg-color: hsl(var(--md-hue), 30%, 25%);
  /* Subgraph background color */
  --md-default-fg-color--lightest: hsla(var(--md-hue), 75%, 90%, 0.025);
}

/* Align Mermaid diagrams to the center. */
.mermaid {
    text-align: center;
 }