html:root {
  color-scheme: light;
  --pele-bg: transparent; --pele-fg: #100f0f;
  --pele-muted: #57564f;  --pele-line: #6f6e69;
  --pele-surface: #fffcf0; --pele-surface-alt: #f2f0e5;
  --pele-border: #b9b7ab;  --pele-error: #af3029;
}

html.theme--light {
  color-scheme: light;
  --pele-bg: transparent; --pele-fg: #100f0f;
  --pele-muted: #57564f;  --pele-line: #6f6e69;
  --pele-surface: #fffcf0; --pele-surface-alt: #f2f0e5;
  --pele-border: #b9b7ab;  --pele-error: #af3029;
}

html.theme--dark {
  color-scheme: dark;
  --pele-bg: transparent; --pele-fg: #e6e4d9;
  --pele-muted: #a3a099;  --pele-line: #8f8d86;
  --pele-surface: #1c1b1a; --pele-surface-alt: #222120;
  --pele-border: #403e3c;  --pele-error: #e5484d;
}

.mermaid {
  text-align: center;
  margin-block: 1.5rem;
}

.mermaid > svg {
  display: inline-block;
  max-width: 100%;
  height: auto;
}