:root  > * {
  --md-primary-fg-color--dark:        #ff1300;
  --md-primary-fg-color--light: #ECB7B7;
  --md-primary-fg-color:  #c93d2e;
}

.mermaid {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.narrow-diagram .mermaid {
  max-width: 40%;
}

.very-narrow-diagram .mermaid {
  max-width: 300px;
}

.mermaid > svg {
  margin: 0 auto;
  display: block;
}

svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}