/* clusterz brand: green primary, violet links, the app's dark ground */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #060510;
  --md-primary-fg-color--light: #161522;
  --md-primary-fg-color--dark: #060510;
  --md-primary-bg-color: #f8f8f8;
  --md-primary-bg-color--light: #c9c9d1;
  --md-accent-fg-color: #8545b5;
  --md-accent-fg-color--transparent: rgba(133, 69, 181, 0.1);
  --md-typeset-a-color: #8545b5;
}

[data-md-color-scheme="slate"] {
  --md-hue: 248;
  --md-default-bg-color: #060510;
  --md-default-bg-color--light: #0d0b1c;
  --md-default-fg-color: #f8f8f8;
  --md-default-fg-color--light: #c9c9d1;
  --md-default-fg-color--lighter: #9899a3;
  --md-default-fg-color--lightest: rgba(203, 208, 235, 0.18);
  --md-code-bg-color: #0d0b1c;
  --md-typeset-color: #f8f8f8;
  --md-typeset-a-color: #d289e2;
  --md-accent-fg-color: #21c95e;
  --md-accent-fg-color--transparent: rgba(33, 201, 94, 0.1);
  --md-footer-bg-color: #0d0b1c;
  --md-footer-bg-color--dark: #060510;
}

.md-header,
.md-tabs {
  background-color: #060510;
  color: #f8f8f8;
  border-bottom: 1px solid rgba(203, 208, 235, 0.1);
}

.md-typeset img {
  border-radius: 8px;
  border: 1px solid rgba(203, 208, 235, 0.18);
  max-width: 100%;
  height: auto;
}

/* the one-line caption under each screenshot */
.md-typeset p > img + em,
.md-typeset p > em:only-child {
  display: block;
  color: var(--md-default-fg-color--light);
  font-size: 0.85em;
}

.md-typeset table:not([class]) {
  display: table;
  max-width: 100%;
}

.md-typeset .md-typeset__table {
  max-width: 100%;
  overflow-x: auto;
}