/*
 * Verbolus documentation palette
 * Dark mode draws from Ayu Dark and One Monokai; light mode keeps the same
 * amber/cyan identity on a warm neutral background.
 */

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b0e14;
  --md-default-bg-color--light: #11151c;
  --md-default-bg-color--lighter: #171c24;
  --md-default-bg-color--lightest: #1f2430;

  --md-default-fg-color: #bfbdb6;
  --md-default-fg-color--light: #8a9199;
  --md-default-fg-color--lighter: #6c7380;
  --md-default-fg-color--lightest: #565d6a;

  --md-primary-fg-color: #11151c;
  --md-primary-fg-color--light: #1f2430;
  --md-primary-fg-color--dark: #080a0f;
  --md-primary-bg-color: #f3f4f5;
  --md-primary-bg-color--light: #bfbdb6;

  --md-accent-fg-color: #e6b450;
  --md-accent-fg-color--transparent: rgb(230 180 80 / 14%);
  --md-typeset-a-color: #59c2ff;

  --md-code-bg-color: #11151c;
  --md-code-fg-color: #bfbdb6;
  --md-code-hl-number-color: #d2a6ff;
  --md-code-hl-special-color: #f07178;
  --md-code-hl-function-color: #ffd580;
  --md-code-hl-constant-color: #d2a6ff;
  --md-code-hl-keyword-color: #ff8f40;
  --md-code-hl-string-color: #aad94c;
  --md-code-hl-name-color: #59c2ff;
  --md-code-hl-operator-color: #f29668;
  --md-code-hl-punctuation-color: #bfbdb6;
  --md-code-hl-comment-color: #5c6773;
  --md-code-hl-generic-color: #f07178;
  --md-code-hl-variable-color: #f3f4f5;

  --md-typeset-table-color: rgb(191 189 182 / 16%);
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #f7f7f5;
  --md-default-fg-color: #24272e;
  --md-default-fg-color--light: #5c6370;

  --md-primary-fg-color: #2b303b;
  --md-primary-fg-color--light: #3a414d;
  --md-primary-fg-color--dark: #20242b;
  --md-primary-bg-color: #ffffff;

  --md-accent-fg-color: #b7791f;
  --md-accent-fg-color--transparent: rgb(183 121 31 / 12%);
  --md-typeset-a-color: #1769aa;

  --md-code-bg-color: #eceff3;
  --md-code-fg-color: #24272e;
  --md-code-hl-number-color: #8f3f97;
  --md-code-hl-special-color: #c43e4f;
  --md-code-hl-function-color: #9a6700;
  --md-code-hl-constant-color: #7c4dbe;
  --md-code-hl-keyword-color: #b04a00;
  --md-code-hl-string-color: #557a11;
  --md-code-hl-name-color: #1769aa;
  --md-code-hl-operator-color: #9c4a2f;
  --md-code-hl-comment-color: #7a828e;
}

.md-header {
  border-bottom: 1px solid rgb(138 145 153 / 20%);
  box-shadow: none;
}

.md-tabs {
  border-bottom: 1px solid rgb(138 145 153 / 14%);
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
  font-weight: 600;
  letter-spacing: -0.025em;
}

.md-typeset h2,
.md-typeset h3 {
  font-weight: 600;
  letter-spacing: -0.015em;
}

.md-typeset a {
  text-underline-offset: 0.14em;
}

.md-typeset a:hover,
.md-typeset a:focus-visible {
  color: var(--md-accent-fg-color);
}

.md-typeset code,
.md-typeset pre > code {
  border-radius: 0.35rem;
}

.md-typeset pre {
  border: 1px solid rgb(138 145 153 / 18%);
  border-radius: 0.45rem;
}

.md-search__form {
  border: 1px solid rgb(138 145 153 / 18%);
  border-radius: 0.4rem;
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:focus,
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #e6b450;
}

[data-md-color-scheme="slate"] .md-typeset kbd {
  background-color: #1f2430;
  border-color: #343b48;
  box-shadow: 0 0.1rem 0 #080a0f;
  color: #bfbdb6;
}