/* Dracula palette overrides for MkDocs Material slate scheme.
   Reference: https://draculatheme.com/contribute */

[data-md-color-scheme="slate"] {
  --md-default-bg-color:        #282a36;
  --md-default-bg-color--light:  #343746;
  --md-default-bg-color--lighter:#44475a;
  --md-default-fg-color:        #f8f8f2;
  --md-default-fg-color--light:  #f8f8f2;
  --md-default-fg-color--lighter:#bfbfbf;
  --md-default-fg-color--lightest:#6272a4;

  --md-primary-fg-color:        #bd93f9;
  --md-primary-fg-color--light: #d4b8ff;
  --md-primary-fg-color--dark:  #9a73d4;
  --md-primary-bg-color:        #282a36;
  --md-primary-bg-color--light: #f8f8f2;

  --md-accent-fg-color:         #ff79c6;
  --md-accent-fg-color--transparent: rgba(255, 121, 198, 0.1);
  --md-accent-bg-color:         #282a36;
  --md-accent-bg-color--light:  #f8f8f2;

  --md-code-bg-color:           #44475a;
  --md-code-fg-color:            #f8f8f2;
  --md-code-hl-color:           rgba(255, 121, 198, 0.25);

  --md-typeset-a-color:         #8be9fd;
  --md-typeset-mark-color:      rgba(241, 250, 140, 0.4);

  --md-footer-bg-color:         #21222c;
  --md-footer-bg-color--dark:   #191a21;
}

[data-md-color-scheme="slate"] ::selection {
  background-color: #44475a;
  color: #f8f8f2;
}

[data-md-color-scheme="slate"] .md-typeset code {
  color: #ff79c6;
}

[data-md-color-scheme="slate"] .md-typeset pre > code {
  color: #f8f8f2;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #21222c;
}