/* VS Code Dark+ inspired palette for Material for MkDocs (slate scheme) */
[data-md-color-scheme="slate"] {
  --md-hue: 210;

  --md-default-bg-color:        #1e1e1e;
  --md-default-bg-color--light:  #252526;
  --md-default-bg-color--lighter:#2d2d30;
  --md-default-bg-color--lightest:#333333;

  --md-default-fg-color:         #d4d4d4;
  --md-default-fg-color--light:  #cccccc;
  --md-default-fg-color--lighter:#9d9d9d;
  --md-default-fg-color--lightest:#6e6e6e;

  --md-primary-fg-color:         #252526;
  --md-primary-fg-color--light:  #2d2d30;
  --md-primary-fg-color--dark:   #1e1e1e;
  --md-primary-bg-color:         #d4d4d4;
  --md-primary-bg-color--light:  #cccccc;

  --md-accent-fg-color:          #569cd6;
  --md-accent-fg-color--transparent: rgba(86, 156, 214, 0.1);
  --md-accent-bg-color:          #ffffff;
  --md-accent-bg-color--light:   #cccccc;

  --md-typeset-color:            #d4d4d4;
  --md-typeset-a-color:          #569cd6;
  --md-typeset-mark-color:       rgba(86, 156, 214, 0.3);

  --md-code-bg-color:            #1e1e1e;
  --md-code-fg-color:            #d4d4d4;
  --md-code-hl-color:            rgba(86, 156, 214, 0.15);
  --md-code-hl-number-color:     #b5cea8;
  --md-code-hl-special-color:    #c586c0;
  --md-code-hl-function-color:   #dcdcaa;
  --md-code-hl-constant-color:   #4fc1ff;
  --md-code-hl-keyword-color:    #569cd6;
  --md-code-hl-string-color:     #ce9178;
  --md-code-hl-name-color:       #9cdcfe;
  --md-code-hl-operator-color:   #d4d4d4;
  --md-code-hl-punctuation-color:#d4d4d4;
  --md-code-hl-comment-color:    #6a9955;
  --md-code-hl-generic-color:    #d4d4d4;
  --md-code-hl-variable-color:   #9cdcfe;

  --md-footer-bg-color:          #007acc;
  --md-footer-bg-color--dark:    #005a9e;
}

/* Editor-like code block frame */
[data-md-color-scheme="slate"] .md-typeset pre > code,
[data-md-color-scheme="slate"] .md-typeset code {
  font-family: "Cascadia Code", "Fira Code", "Consolas", monospace;
}

[data-md-color-scheme="slate"] .md-typeset .highlight,
[data-md-color-scheme="slate"] .md-typeset pre {
  border: 1px solid #3c3c3c;
  border-radius: 4px;
}

/* Sidebar / tree look */
[data-md-color-scheme="slate"] .md-nav {
  background-color: #252526;
}

[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: #569cd6;
}

/* Header / activity-bar feel */
[data-md-color-scheme="slate"] .md-header {
  background-color: #333333;
  border-bottom: 1px solid #252526;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: #2d2d30;
}