:root {
  --feelbat-bg: #1e2129;
  --feelbat-bg-soft: #252a35;
  --feelbat-bg-elevated: #2c3140;
  --feelbat-border: rgba(255, 255, 255, 0.08);
  --feelbat-text: rgba(255, 255, 255, 0.9);
  --feelbat-text-muted: rgba(255, 255, 255, 0.66);
  --feelbat-heading: #ffffff;
  --feelbat-link: #8ab4ff;
  --feelbat-link-hover: #a8c7ff;
  --feelbat-accent: #5b8cff;
  --feelbat-code-bg: #171a21;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--feelbat-bg);
  --md-default-bg-color--light: var(--feelbat-bg-soft);
  --md-default-bg-color--lighter: var(--feelbat-bg-elevated);
  --md-default-bg-color--lightest: rgba(255, 255, 255, 0.06);
  --md-default-fg-color: var(--feelbat-text);
  --md-default-fg-color--light: var(--feelbat-text-muted);
  --md-default-fg-color--lighter: rgba(255, 255, 255, 0.45);
  --md-default-fg-color--lightest: rgba(255, 255, 255, 0.18);
  --md-primary-fg-color: #151821;
  --md-primary-fg-color--light: #202532;
  --md-primary-fg-color--dark: #0f1218;
  --md-accent-fg-color: var(--feelbat-accent);
  --md-accent-fg-color--transparent: rgba(91, 140, 255, 0.12);
  --md-code-bg-color: var(--feelbat-code-bg);
  --md-code-fg-color: #e6edf3;
  --md-typeset-a-color: var(--feelbat-link);
}

[data-md-color-scheme="slate"] body {
  background-color: var(--feelbat-bg);
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background: #161922;
  box-shadow: none;
}

[data-md-color-scheme="slate"] .md-tabs {
  border-bottom: 1px solid var(--feelbat-border);
}

[data-md-color-scheme="slate"] .md-main {
  background: var(--feelbat-bg);
}

[data-md-color-scheme="slate"] .md-sidebar,
[data-md-color-scheme="slate"] .md-sidebar__scrollwrap {
  background: transparent;
}

[data-md-color-scheme="slate"] .md-nav--lifted > .md-nav__list > .md-nav__item--active > .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active,
[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: var(--feelbat-link-hover);
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: var(--feelbat-heading);
  font-weight: 700;
}

[data-md-color-scheme="slate"] .md-typeset hr,
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th,
[data-md-color-scheme="slate"] .md-typeset table:not([class]) td,
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  border-color: var(--feelbat-border);
}

[data-md-color-scheme="slate"] .md-typeset code,
[data-md-color-scheme="slate"] .md-typeset pre,
[data-md-color-scheme="slate"] .highlight {
  border-radius: 0.6rem;
}

[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details,
[data-md-color-scheme="slate"] .md-search__form,
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background-color: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(8px);
}

[data-md-color-scheme="slate"] .md-search__form,
[data-md-color-scheme="slate"] .md-search__output,
[data-md-color-scheme="slate"] .md-search-result {
  background-color: var(--feelbat-bg-soft);
}

[data-md-color-scheme="slate"] .md-search__form {
  border: 1px solid var(--feelbat-border);
}