/* =========================================================
   Custom dark scheme: bh-dark
   Source: https://github.com/queezz/aklab-howto
   ========================================================= */

[data-md-color-scheme="bh-dark"] {

  color-scheme: dark;

  /* ===== Brand ===== */

  --md-primary-fg-color: #d98e04;
  --md-primary-fg-color--light: #ffb84d;
  --md-primary-fg-color--dark: #b37400;
  --md-typeset-a-color: #ffcc66;

  /* ===== Backgrounds ===== */

  --md-default-bg-color: #0d1117;
  --md-code-bg-color: #1e2228;

  /* ===== Text ===== */

  --md-default-fg-color: rgba(255,255,240,.92);
  --md-default-fg-color--light: rgba(255,255,240,.70);
  --md-default-fg-color--lighter: rgba(255,255,240,.50);
  --md-default-fg-color--lightest: rgba(255,255,240,.30);
  --md-typeset-color: var(--md-default-fg-color);

  /* ===== Code ===== */

  --md-code-fg-color: rgba(255,255,240,.95);

  --md-code-hl-operator-color: #f0f0d0;
  --md-code-hl-keyword-color: #f4c542;
  --md-code-hl-string-color: #f9e076;
  --md-code-hl-number-color: #f2b56b;
  --md-code-hl-name-color: #7acf42;
  --md-code-hl-attr-color: #9df0b2;
  --md-code-hl-builtin-color: #a1ebea;
  --md-code-hl-variable-color: #ffcc66;
  --md-code-hl-comment-color: rgba(226,196,161,.718);
  --md-code-hl-punctuation-color: rgba(255,255,240,.75);
  --md-code-selection-bg-color: rgba(0,0,0,.359);

  /* ===== Misc ===== */

  --md-shadow-z1: 0 2px 4px rgba(0,0,0,.5);
  --md-accent-fg-color: #66ffa8;

}


/* =========================================================
   Layout elements
   ========================================================= */

[data-md-color-scheme="bh-dark"] .md-header,
[data-md-color-scheme="bh-dark"] .md-tabs {
  background-color: var(--md-primary-fg-color);
}

[data-md-color-scheme="bh-dark"] .md-search__form {
  background-color: rgba(255,255,255,.06);
}


/* =========================================================
   Code
   ========================================================= */

/* inline code */
[data-md-color-scheme="bh-dark"] .md-typeset code {
  background-color: rgba(255,255,255,.08);
  color: var(--md-code-fg-color);
}

/* fenced / block code */
[data-md-color-scheme="bh-dark"] .md-typeset pre > code {
  background-color: var(--md-code-bg-color);
  color: var(--md-code-fg-color);
}

/* punctuation + operators */

[data-md-color-scheme="bh-dark"] .md-typeset pre .p,
[data-md-color-scheme="bh-dark"] .md-typeset pre .o {
  color: var(--md-code-hl-punctuation-color);
}

/* shell builtins */

[data-md-color-scheme="bh-dark"] .md-typeset pre .nb {
  color: var(--md-code-hl-builtin-color);
}


/* =========================================================
   Blockquotes
   ========================================================= */

[data-md-color-scheme="bh-dark"] .md-typeset blockquote {
  background-color: #282d35;
  border-left: .25rem solid #d7ae3b;
  color: var(--md-default-fg-color);
  padding: .8em 1em .8em 1.2em;
  border-radius: 6px;
}


/* =========================================================
   Keyboard keys
   ========================================================= */

[data-md-color-scheme="bh-dark"] .md-typeset kbd {
  background: rgba(255,255,255,.08);
  color: var(--md-default-fg-color);
  border: 1px solid rgba(255,255,255,.20);
  border-bottom-width: 2px;
  border-radius: .35rem;
  padding: .1em .45em;
  font-size: .85em;
  font-weight: 600;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.35);
}

[data-md-color-scheme="bh-dark"] .md-typeset kbd + kbd {
  margin-left: .15rem;
}

[data-md-color-scheme="bh-dark"] .md-typeset kbd + kbd::before {
  content: " + ";
  color: var(--md-default-fg-color--light);
}


/* =========================================================
   Admonitions
   ========================================================= */

[data-md-color-scheme="bh-dark"] .md-typeset .admonition,
[data-md-color-scheme="bh-dark"] .md-typeset details {
  background-color: rgba(255,255,255,.04);
  color: var(--md-default-fg-color);
  border: 1px solid rgba(255,255,255,.12);
}

[data-md-color-scheme="bh-dark"] .md-typeset .admonition-title {
  background-color: rgba(255,255,255,.06);
}

[data-md-color-scheme="bh-dark"] .md-typeset .admonition.info    { border-color: #66b3ff; }
[data-md-color-scheme="bh-dark"] .md-typeset .admonition.warning { border-color: #ffb84d; }
[data-md-color-scheme="bh-dark"] .md-typeset .admonition.tip     { border-color: #66ffa8; }
[data-md-color-scheme="bh-dark"] .md-typeset .admonition.note    { border-color: #8ab4ff; }


/* =========================================================
   Tables
   ========================================================= */

[data-md-color-scheme="bh-dark"] .md-typeset table {
  background-color: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  overflow: hidden;
}

[data-md-color-scheme="bh-dark"] .md-typeset thead {
  background-color: rgba(255,255,255,.05);
}

[data-md-color-scheme="bh-dark"] .md-typeset tbody tr {
  border-top: 1px solid rgba(255,255,255,.06);
}

[data-md-color-scheme="bh-dark"] .md-typeset td,
[data-md-color-scheme="bh-dark"] .md-typeset th {
  border: none;
}

[data-md-color-scheme="bh-dark"] .md-typeset tbody tr:nth-child(even) {
  background-color: rgba(255,255,255,.02);
}

[data-md-color-scheme="bh-dark"] .md-typeset tbody tr:hover {
  background: linear-gradient(
    to right,
    rgba(255,255,255,.06),
    rgba(255,255,255,.03)
  );
}