:root {
  --md-primary-fg-color: #6d4bc3;
  --md-primary-fg-color--light: #8b6bd8;
  --md-primary-fg-color--dark: #50339c;
  --md-accent-fg-color: #8b5cf6;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #8b6bd8;
  --md-accent-fg-color: #b79cf1;
}

.md-typeset {
  font-size: 0.85rem;
  line-height: 1.8;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 0.55rem;
}

.translation-banner {
  margin: 0 0 1.2rem;
  padding: 0.8rem 1rem;
  border-left: 0.2rem solid var(--md-accent-fg-color);
  border-radius: 0.35rem;
  background: color-mix(in srgb, var(--md-accent-fg-color) 10%, transparent);
}

.translation-banner p {
  margin: 0;
}

img {
  border-radius: 0.35rem;
}

.missing-image {
  display: inline-block;
  padding: 0.75rem 1rem;
  border: 1px dashed var(--md-default-fg-color--lighter);
  border-radius: 0.35rem;
  color: var(--md-default-fg-color--light);
}