/* MineDnD docs colours: pastel on a deep blue-grey (dark, the default) and pastel on cream (light). */

/* ---- Dark ------------------------------------------------------------------------------------- */
[data-md-color-scheme="slate"] {
  --mdnd-base: #1e1e2e;
  --mdnd-mantle: #181825;
  --mdnd-crust: #11111b;
  --mdnd-surface: #313244;
  --mdnd-overlay: #45475a;
  --mdnd-text: #cdd6f4;
  --mdnd-subtext: #a6adc8;
  --mdnd-lavender: #b4befe;
  --mdnd-mauve: #cba6f7;
  --mdnd-pink: #f5c2e7;
  --mdnd-peach: #fab387;
  --mdnd-green: #a6e3a1;
  --mdnd-sky: #89dceb;

  --md-hue: 240;
  --md-default-bg-color: var(--mdnd-base);
  --md-default-fg-color: var(--mdnd-text);
  --md-default-fg-color--light: var(--mdnd-subtext);
  --md-default-fg-color--lighter: #7f849c;
  --md-default-fg-color--lightest: #45475a;

  --md-primary-fg-color: var(--mdnd-mantle);
  --md-primary-fg-color--light: var(--mdnd-surface);
  --md-primary-fg-color--dark: var(--mdnd-crust);
  --md-primary-bg-color: var(--mdnd-lavender);
  --md-primary-bg-color--light: var(--mdnd-subtext);

  --md-accent-fg-color: var(--mdnd-pink);
  --md-accent-fg-color--transparent: rgba(245, 194, 231, 0.12);

  --md-typeset-color: var(--mdnd-text);
  --md-typeset-a-color: var(--mdnd-mauve);
  --md-typeset-mark-color: rgba(250, 179, 135, 0.3);
  --md-typeset-table-color: rgba(180, 190, 254, 0.14);
  --md-typeset-table-color--light: rgba(180, 190, 254, 0.05);

  --md-code-bg-color: var(--mdnd-mantle);
  --md-code-fg-color: var(--mdnd-text);
  --md-code-hl-string-color: var(--mdnd-green);
  --md-code-hl-number-color: var(--mdnd-peach);
  --md-code-hl-keyword-color: var(--mdnd-mauve);
  --md-code-hl-constant-color: var(--mdnd-peach);
  --md-code-hl-name-color: var(--mdnd-lavender);
  --md-code-hl-punctuation-color: var(--mdnd-subtext);
  --md-code-hl-comment-color: #7f849c;

  --md-footer-bg-color: var(--mdnd-mantle);
  --md-footer-bg-color--dark: var(--mdnd-crust);
  --md-footer-fg-color: var(--mdnd-subtext);
  --md-footer-fg-color--light: #7f849c;
}

/* ---- Light ------------------------------------------------------------------------------------ */
[data-md-color-scheme="default"] {
  --mdnd-base: #faf7f5;
  --mdnd-mantle: #ede6f6;
  --mdnd-crust: #e3daf0;
  --mdnd-surface: #f1ecf8;
  --mdnd-text: #3b3651;
  --mdnd-subtext: #6c6685;
  --mdnd-lavender: #7a6fd6;
  --mdnd-mauve: #8b5fcf;
  --mdnd-pink: #d4589b;
  --mdnd-peach: #d97b42;

  --md-default-bg-color: var(--mdnd-base);
  --md-default-fg-color: var(--mdnd-text);
  --md-default-fg-color--light: var(--mdnd-subtext);

  --md-primary-fg-color: var(--mdnd-mantle);
  --md-primary-fg-color--light: var(--mdnd-surface);
  --md-primary-fg-color--dark: var(--mdnd-crust);
  --md-primary-bg-color: #4a3f8c;
  --md-primary-bg-color--light: var(--mdnd-subtext);

  --md-accent-fg-color: var(--mdnd-pink);
  --md-accent-fg-color--transparent: rgba(212, 88, 155, 0.1);

  --md-typeset-color: var(--mdnd-text);
  --md-typeset-a-color: var(--mdnd-mauve);
  --md-typeset-table-color: rgba(122, 111, 214, 0.18);

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

  --md-footer-bg-color: var(--mdnd-crust);
  --md-footer-bg-color--dark: var(--mdnd-mantle);
  --md-footer-fg-color: var(--mdnd-text);
  --md-footer-fg-color--light: var(--mdnd-subtext);
}

/* ---- Both ------------------------------------------------------------------------------------- */
/* The version bar above the header. */
.md-banner {
  background-color: var(--mdnd-crust);
  color: var(--mdnd-subtext);
}
.md-banner__inner {
  margin: 0.25rem auto;
  font-size: 0.68rem;
  text-align: center;
}
.mdnd-version__tag {
  padding: 0.05rem 0.5rem;
  border-radius: 1rem;
  background-color: var(--mdnd-mauve);
  color: var(--mdnd-base);
  font-weight: 700;
}
.mdnd-version__sep {
  margin: 0 0.3rem;
  opacity: 0.6;
}

/* Header and tabs: pastel text on the dark bar, a soft line under it. */
.md-header {
  border-bottom: 1px solid var(--mdnd-surface);
  box-shadow: none;
}
.md-header__title,
.md-header__button {
  color: var(--mdnd-lavender);
}

/* Headings in pastel, links underlined only on hover. */
.md-typeset h1 { color: var(--mdnd-lavender); font-weight: 700; }
.md-typeset h2 { color: var(--mdnd-mauve); }
.md-typeset h3 { color: var(--mdnd-pink); }
.md-typeset a:hover { color: var(--mdnd-peach); }

/* Inline code and tables: rounded and quiet. */
.md-typeset code {
  border-radius: 0.3rem;
}
.md-typeset :not(pre) > code {
  color: var(--mdnd-peach);
}
.md-typeset table:not([class]) {
  border: 1px solid var(--mdnd-surface);
  border-radius: 0.5rem;
  overflow: hidden;
}
.md-typeset table:not([class]) th {
  background-color: var(--mdnd-surface);
  color: var(--mdnd-lavender);
}

/* The current page in the sidebar. */
.md-nav__link--active {
  color: var(--mdnd-pink) !important;
  font-weight: 700;
}

/* Search box. */
.md-search__form {
  border-radius: 0.5rem;
}
[data-md-color-scheme="default"] .md-search__form {
  background-color: rgba(122, 111, 214, 0.1);
}
[data-md-color-scheme="default"] .md-search__form:hover {
  background-color: rgba(122, 111, 214, 0.16);
}
[data-md-color-scheme="default"] .md-search__input::placeholder,
[data-md-color-scheme="default"] .md-search__icon {
  color: var(--mdnd-subtext);
}

/* Field names (the first column of the reference tables) stay on one line. */
.md-typeset table:not([class]) td:first-child code {
  white-space: nowrap;
}