:root {
  --sc-page-bg: #f7f4ed;
  --sc-surface: #fcfbf8;
  --sc-surface-elevated: #eeece7;
  --sc-border: #eceae4;
  --sc-border-subtle: rgba(28, 28, 28, 0.1);
  --sc-text: #1c1c1c;
  --sc-text-secondary: #616161;
  --sc-text-muted: #93939f;
  --sc-dark-bg: #1c1c1c;
  --sc-dark-surface: #252420;
  --sc-dark-surface-elevated: #302f2a;
  --sc-dark-border: rgba(247, 244, 237, 0.12);
  --sc-dark-text: #f7f4ed;
  --sc-dark-text-secondary: rgba(247, 244, 237, 0.72);
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: var(--sc-page-bg);
  --md-default-fg-color: var(--sc-text);
  --md-default-fg-color--light: var(--sc-text-secondary);
  --md-default-fg-color--lighter: var(--sc-text-muted);
  --md-default-fg-color--lightest: var(--sc-border-subtle);
  --md-code-bg-color: var(--sc-surface-elevated);
}

[data-md-color-scheme="default"] body {
  background-color: var(--sc-page-bg);
  -webkit-font-smoothing: antialiased;
}

[data-md-color-scheme="default"] .md-main,
[data-md-color-scheme="default"] .md-main__inner,
[data-md-color-scheme="default"] .md-content,
[data-md-color-scheme="default"] .md-sidebar,
[data-md-color-scheme="default"] .md-sidebar__scrollwrap {
  background-color: var(--sc-page-bg);
}

[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
  background-color: var(--sc-surface);
  color: var(--sc-text);
  box-shadow: inset 0 -1px 0 var(--sc-border);
}

[data-md-color-scheme="default"] .md-search__form,
[data-md-color-scheme="default"] .md-nav__source,
[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li,
[data-md-color-scheme="default"] .md-typeset .admonition,
[data-md-color-scheme="default"] .md-typeset details {
  background-color: var(--sc-surface);
  border-color: var(--sc-border);
}

[data-md-color-scheme="default"] .md-search__input {
  background-color: var(--sc-surface);
  color: var(--sc-text);
}

[data-md-color-scheme="default"] .md-search__form:hover,
[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li:is(:focus-within, :hover) {
  background-color: var(--sc-surface-elevated);
}

[data-md-color-scheme="default"] .md-typeset hr,
[data-md-color-scheme="default"] .md-footer-meta,
[data-md-color-scheme="default"] .md-footer,
[data-md-color-scheme="default"] .md-nav--primary .md-nav__title {
  border-color: var(--sc-border);
}

[data-md-color-scheme="default"] .md-footer {
  background-color: var(--sc-surface);
  color: var(--sc-text-secondary);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: var(--sc-dark-surface);
  --md-primary-fg-color--light: var(--sc-dark-surface-elevated);
  --md-primary-fg-color--dark: var(--sc-dark-bg);
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--sc-dark-surface);
  color: var(--sc-dark-text);
  box-shadow: inset 0 -1px 0 var(--sc-dark-border);
}

[data-md-color-scheme="slate"] .md-search__form {
  background-color: var(--sc-dark-surface-elevated);
  border: 1px solid var(--sc-dark-border);
}

[data-md-color-scheme="slate"] .md-search__input {
  color: var(--sc-dark-text);
}

[data-md-color-scheme="slate"] .md-tabs__link,
[data-md-color-scheme="slate"] .md-header__button,
[data-md-color-scheme="slate"] .md-header__title {
  color: var(--sc-dark-text-secondary);
}

[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-header__button:is(:focus, :hover) {
  color: var(--sc-dark-text);
}