/* Dracula color scheme for Material for MkDocs.
 * Material has no built-in Dracula theme; this defines a custom [data-md-color-scheme]
 * by overriding Material's CSS custom properties with the Dracula palette
 * (https://draculatheme.com). Selected in mkdocs.yml via `palette: scheme: dracula`.
 *
 * Palette: bg #282a36 · current-line #44475a · fg #f8f8f2 · comment #6272a4
 *          cyan #8be9fd · green #50fa7b · orange #ffb86c · pink #ff79c6
 *          purple #bd93f9 · red #ff5555 · yellow #f1fa8c
 */
[data-md-color-scheme="dracula"] {
  color-scheme: dark;

  /* Backgrounds & foregrounds */
  --md-default-bg-color:           #282a36;
  --md-default-bg-color--light:    #282a36cc;
  --md-default-bg-color--lighter:  #282a3666;
  --md-default-bg-color--lightest: #282a3622;
  --md-default-fg-color:           #f8f8f2;
  --md-default-fg-color--light:    #f8f8f2b3;
  --md-default-fg-color--lighter:  #f8f8f24d;
  --md-default-fg-color--lightest: #f8f8f21f;

  /* Header / primary (purple) */
  --md-primary-fg-color:           #bd93f9;
  --md-primary-fg-color--light:    #d0acfb;
  --md-primary-fg-color--dark:     #9a63f7;
  --md-primary-bg-color:           #282a36;
  --md-primary-bg-color--light:    #f8f8f2;

  /* Accent / hover (pink) */
  --md-accent-fg-color:            #ff79c6;
  --md-accent-fg-color--transparent: #ff79c61a;
  --md-accent-bg-color:            #282a36;
  --md-accent-bg-color--light:     #f8f8f2;

  /* Typeset */
  --md-typeset-color:              #f8f8f2;
  --md-typeset-a-color:            #8be9fd;
  --md-typeset-mark-color:         #ffb86c59;
  --md-typeset-table-color:        #f8f8f21f;

  /* Code blocks (Dracula) */
  --md-code-fg-color:              #f8f8f2;
  --md-code-bg-color:              #21222c;
  --md-code-hl-color:              #44475a80;
  --md-code-hl-number-color:       #bd93f9;
  --md-code-hl-special-color:      #ff79c6;
  --md-code-hl-function-color:     #50fa7b;
  --md-code-hl-constant-color:     #bd93f9;
  --md-code-hl-keyword-color:      #ff79c6;
  --md-code-hl-string-color:       #f1fa8c;
  --md-code-hl-name-color:         #f8f8f2;
  --md-code-hl-operator-color:     #ff79c6;
  --md-code-hl-punctuation-color:  #f8f8f2;
  --md-code-hl-comment-color:      #6272a4;
  --md-code-hl-generic-color:      #8be9fd;
  --md-code-hl-variable-color:     #ffb86c;

  /* Admonition / footer */
  --md-footer-bg-color:            #21222c;
  --md-footer-bg-color--dark:      #191a21;
  --md-footer-fg-color:            #f8f8f2;
}

/* Dracula-flavoured search highlight + selection */
[data-md-color-scheme="dracula"] ::selection {
  background-color: #44475a;
}