:root {
  --pulsar-black: #080808;
  --pulsar-ink: #171717;
  --pulsar-copper: #b66a32;
  --pulsar-copper-bright: #d48a4a;
  --pulsar-white: #ffffff;
  --pulsar-blue: #4f8db8;
}

.pulsar-theme-logo {
  display: block;
  width: min(520px, 92%);
  margin: 0 auto;
}

.pulsar-theme-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.pulsar-ecosystem-diagram {
  width: min(920px, 100%);
}

.pulsar-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pulsar-theme-logo--dark {
  display: none;
}

.pulsar-theme-image--dark {
  display: none;
}

[data-md-color-scheme="slate"] .pulsar-theme-logo--light,
[data-md-color-scheme="slate"] .pulsar-theme-image--light {
  display: none;
}

[data-md-color-scheme="slate"] .pulsar-theme-logo--dark,
[data-md-color-scheme="slate"] .pulsar-theme-image--dark {
  display: block;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--pulsar-black);
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: var(--pulsar-copper);
  --md-typeset-a-color: #9a5528;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--pulsar-black);
  --md-default-bg-color--light: #111111;
  --md-default-bg-color--lighter: #171717;
  --md-default-fg-color: #f4f1ec;
  --md-default-fg-color--light: #d8d2ca;
  --md-default-fg-color--lighter: #aaa29a;
  --md-primary-fg-color: #000000;
  --md-accent-fg-color: var(--pulsar-copper-bright);
  --md-typeset-a-color: var(--pulsar-copper-bright);
  --md-code-bg-color: var(--pulsar-ink);
  --md-code-fg-color: #f1ece5;
  --md-footer-bg-color: #000000;
  --md-footer-bg-color--dark: #000000;
}

.md-header,
.md-tabs {
  background-color: #000000;
}

.md-typeset a {
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}

.md-typeset a:hover {
  color: var(--pulsar-copper-bright);
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--pulsar-copper);
}

.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary {
  background-color: rgba(182, 106, 50, 0.12);
}

.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before {
  background-color: var(--pulsar-copper);
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--pulsar-blue);
}