:root {
  --sw-color-bg: #081020;
  --sw-color-primary: #2563eb;
  --sw-color-cyan: #22d3ee;
  --sw-color-violet: #8b5cf6;
  --sw-color-magenta: #a855f7;
  --sw-color-muted: #64748b;
  --sw-color-text: #e2e8f0;
}

[data-md-color-scheme="default"] {
  --md-hue: 215;

  --md-default-fg-color: var(--sw-color-bg);
  --md-default-fg-color--light: rgba(8, 16, 32, 0.72);
  --md-default-fg-color--lighter: rgba(100, 116, 139, 0.52);
  --md-default-fg-color--lightest: rgba(100, 116, 139, 0.2);

  --md-default-bg-color: #f8fbff;
  --md-default-bg-color--light: #eef5ff;
  --md-default-bg-color--lighter: var(--sw-color-text);
  --md-default-bg-color--lightest: #d7e7fb;

  --md-typeset-color: var(--sw-color-bg);
  --md-typeset-a-color: var(--sw-color-primary);

  --md-primary-fg-color: var(--sw-color-primary);
  --md-primary-fg-color--light: #5b8cf1;
  --md-primary-fg-color--dark: #1d4ed8;

  --md-accent-fg-color: var(--sw-color-cyan);
  --md-accent-fg-color--transparent: rgba(34, 211, 238, 0.16);

  --md-code-fg-color: var(--sw-color-bg);
  --md-code-bg-color: var(--sw-color-text);

  --md-footer-bg-color: #0f1a30;
  --md-footer-bg-color--dark: var(--sw-color-bg);

  --md-typeset-mark-color: rgba(168, 85, 247, 0.16);
}

[data-md-color-scheme="slate"] {

  --md-hue: 215;

  --md-default-fg-color: var(--sw-color-text);
  --md-default-fg-color--light: rgba(226, 232, 240, 0.78);
  --md-default-fg-color--lighter: rgba(226, 232, 240, 0.38);
  --md-default-fg-color--lightest: rgba(226, 232, 240, 0.12);

  --md-default-bg-color: var(--sw-color-bg);
  --md-default-bg-color--light: #0f1a30;
  --md-default-bg-color--lighter: #16233d;
  --md-default-bg-color--lightest: #1d2c49;

  --md-typeset-color: var(--sw-color-text);
  --md-typeset-a-color: var(--sw-color-cyan);

  --md-primary-fg-color: var(--sw-color-primary);
  --md-primary-fg-color--light: #5b8cf1;
  --md-primary-fg-color--dark: #1d4ed8;

  --md-accent-fg-color: var(--sw-color-cyan);
  --md-accent-fg-color--transparent: rgba(34, 211, 238, 0.12);

  --md-code-fg-color: var(--sw-color-text);
  --md-code-bg-color: #0f1a30;

  --md-footer-bg-color: #0b1529;
  --md-footer-bg-color--dark: var(--sw-color-bg);

  --md-typeset-mark-color: rgba(168, 85, 247, 0.22);
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="default"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-typeset a:hover,
[data-md-color-scheme="default"] .md-typeset a:hover {
  color: var(--sw-color-violet);
}

[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="default"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details,
[data-md-color-scheme="default"] .md-typeset details {
  background-color: rgba(100, 116, 139, 0.12);
}

[data-md-color-scheme="default"] .md-typeset mark {
  background-color: rgba(168, 85, 247, 0.22);
  color: var(--sw-color-bg);
  box-shadow: 0 0 0 1px rgba(168, 85, 247, 0.18) inset;
}

[data-md-color-scheme="slate"] .md-typeset mark {
  color: var(--sw-color-text);
  box-shadow: 0 0 0 1px rgba(168, 85, 247, 0.22) inset;
}

.md-typeset {
  line-height: 1.5;
}

.md-typeset p,
.md-typeset li,
.md-typeset dd {
  line-height: 1.5;
}

.md-typeset p,
.md-typeset ul,
.md-typeset ol,
.md-typeset dl {
  margin: 0 0 0.8em;
}

.md-typeset ol li,
.md-typeset ul li {
  margin-bottom: 0.16em;
}

.md-typeset li + li {
  margin-top: 0.08em;
}

.md-typeset ol li p,
.md-typeset ol li blockquote,
.md-typeset ul li p,
.md-typeset ul li blockquote {
  margin: 0.16em 0;
}

.md-typeset ol li ol,
.md-typeset ol li ul,
.md-typeset ul li ol,
.md-typeset ul li ul {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}