:root {
  --rfm-bg: #1b1c1d;
  --rfm-surface: #242526;
  --rfm-border: #3c3a2d;
  --rfm-text: #f3f2ee;
  --rfm-muted: #b6b5af;
  --rfm-red: #ed253e;
  --rfm-orange: #f68f33;
  --rfm-green: #72be44;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--rfm-bg);
  --md-default-bg-color--light: #202122;
  --md-default-bg-color--lighter: #272829;
  --md-default-fg-color: var(--rfm-text);
  --md-default-fg-color--light: var(--rfm-muted);
  --md-default-fg-color--lighter: #8a8984;
  --md-primary-fg-color: var(--rfm-surface);
  --md-primary-bg-color: var(--rfm-text);
  --md-accent-fg-color: var(--rfm-orange);
  --md-code-bg-color: #141516;
  --md-code-fg-color: #f5e1d8;
  --md-typeset-a-color: #f5a45d;
}

.md-header {
  border-bottom: 1px solid var(--rfm-border);
  box-shadow: none;
}

.md-header__home {
  color: inherit;
  display: block;
}

.md-header__home:focus-visible {
  outline: 2px solid var(--rfm-orange);
  outline-offset: 3px;
}

.md-nav__home {
  color: inherit;
}

.md-nav__home:focus-visible {
  outline: 2px solid var(--rfm-orange);
  outline-offset: 3px;
}

.md-tabs {
  background: var(--rfm-surface);
}

.md-typeset h1 {
  color: var(--rfm-text);
  font-weight: 650;
}

.md-typeset h2 {
  border-bottom: 1px solid var(--rfm-border);
  padding-bottom: 0.35rem;
}

.md-typeset table:not([class]) {
  background: var(--rfm-surface);
  border: 1px solid var(--rfm-border);
  border-radius: 4px;
}

.md-typeset table:not([class]) th {
  background: #2d2e2f;
  color: var(--rfm-text);
}

.md-typeset kbd {
  background: #303132;
  border-color: #4b4c4d;
  box-shadow: 0 0.1rem 0 #101112;
  color: var(--rfm-text);
}

.product-shot {
  margin: 1.5rem 0 2rem;
}

.product-shot img {
  border: 1px solid var(--rfm-border);
  border-radius: 4px;
  display: block;
  width: 100%;
}

.product-shot figcaption {
  color: var(--rfm-muted);
  font-size: 0.7rem;
  margin-top: 0.5rem;
  text-align: left;
}

.product-shot--compact img {
  max-width: 38rem;
}

.md-typeset .admonition,
.md-typeset details {
  background: var(--rfm-surface);
  border-color: var(--rfm-orange);
}

.md-footer {
  border-top: 1px solid var(--rfm-border);
}