:root {
  --accent-yellow: #ffd509;
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--light: #0f0f0f;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #000000;
  --md-primary-bg-color--light: #0d0d0d;
  --md-primary-bg-color--dark: #000000;
  --md-accent-fg-color: var(--accent-yellow);
  --md-accent-fg-color--transparent: rgba(255, 213, 9, 0.14);
  --md-default-bg-color: #050505;
  --md-default-fg-color: #e6e6e6;
  --md-default-fg-color--light: #bfbfbf;
  --md-default-fg-color--lighter: #9a9a9a;
  --md-default-fg-color--lightest: #7a7a7a;
  --md-typeset-color: #e8e8e8;
  --md-code-bg-color: #0d0d0f;
  --md-code-fg-color: #f5f5f5;
  --md-code-hl-color: #111111;
  --md-shadow-z1: 0 10px 30px rgba(0, 0, 0, 0.45);
  --md-shadow-z2: 0 20px 50px rgba(0, 0, 0, 0.55);
}

[data-md-color-scheme="slate"],
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--light: #0f0f0f;
  --md-primary-fg-color--dark: #000000;
  --md-primary-bg-color: #000000;
  --md-primary-bg-color--light: #0d0d0d;
  --md-primary-bg-color--dark: #000000;
  --md-default-bg-color: #050505;
}

body,
.md-main,
.md-main__inner {
  background-color: #050505;
}

.md-logo {
  display: inline-flex;
  align-items: center;
}

.md-logo img {
  height: 34px;
  width: 34px;
  object-fit: contain;
}

[data-md-color-scheme] .md-header {
  background: #000000 !important;
  color: #f5f5f5 !important;
  border-bottom: 1px solid #111111;
}

[data-md-color-scheme] .md-tabs {
  background: #000000 !important;
  border-bottom: 1px solid #111111;
}

.md-tabs__link {
  color: #dcdcdc;
}

.md-tabs__link:hover {
  color: #ffffff;
}

.md-tabs__item--active > .md-tabs__link,
.md-tabs__link--active {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 -2px 0 var(--accent-yellow);
}

.md-sidebar--primary,
.md-sidebar--secondary {
  background: #080808;
  border-right: 1px solid #111111;
}

.md-nav__title,
.md-nav__link {
  color: #dcdcdc;
}

.md-nav__item--active > .md-nav__link,
.md-nav__link:hover,
.md-nav__link--active {
  color: #ffffff;
  background: #0c0c0c;
  box-shadow: inset 3px 0 0 var(--accent-yellow);
}

.md-content {
  background: #080808;
  border: 1px solid #111111;
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.55);
}

.md-typeset a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 213, 9, 0.35);
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.md-typeset a:hover {
  color: #000000;
  background: var(--accent-yellow);
  border-color: var(--accent-yellow);
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  letter-spacing: -0.01em;
  color: #ffffff;
}

.md-typeset code,
.md-typeset pre > code {
  background: #0d0d0f;
  color: #f5f5f5;
  border: 1px solid #1c1c1c;
}

.md-typeset pre {
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #0f0f0f;
}

.md-typeset table {
  background: #0c0c0c;
  border: 1px solid #131313;
}

.md-typeset table th {
  background: #0f0f0f;
  color: #ffffff;
}

.md-typeset table td,
.md-typeset table th {
  border-color: #1a1a1a;
}

.md-button,
.md-typeset .md-button {
  background: #ffffff;
  color: #000000 !important;
  border: 1px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.35);
}

.md-button:hover,
.md-typeset .md-button:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
  color: #000000 !important;
}

.md-typeset .admonition,
.md-typeset details {
  background: #0c0c0c;
  border: 1px solid #1c1c1c;
  box-shadow: inset 0 0 0 1px #0a0a0a;
}

.md-footer {
  background: #050505;
  border-top: 1px solid #111111;
}