[data-md-color-scheme="dracula"] {
  color-scheme: dark;

  /* Primary palette */
  --md-primary-fg-color: #ff79c6;
  --md-primary-fg-color--light: #d6b8ff;
  --md-primary-fg-color--dark: #9d6fe8;
  --md-primary-bg-color: #282a36;
  --md-primary-bg-color--light: #44475a;

  /* Accent palette */
  --md-accent-fg-color: #bd93f9;
  --md-accent-fg-color--transparent: rgba(255, 121, 198, 0.12);

  /* Main page colors */
  --md-default-fg-color: #f8f8f2;
  --md-default-fg-color--light: #e6e6df;
  --md-default-fg-color--lighter: #bfbfb8;
  --md-default-fg-color--lightest: #6272a4;
  --md-default-bg-color: #282a36;
  --md-default-bg-color--light: #343746;
  --md-default-bg-color--lighter: #3b3e4d;
  --md-default-bg-color--lightest: #44475a;

  /* Links and typeset content */
  --md-typeset-a-color: #8be9fd;
  --md-typeset-color: #f8f8f2;
  --md-typeset-del-color: #ff5555;
  --md-typeset-ins-color: #50fa7b;
  --md-typeset-kbd-color: #44475a;
  --md-typeset-kbd-border-color: #6272a4;
  --md-typeset-kbd-accent-color: #282a36;
  --md-typeset-mark-color: rgba(241, 250, 140, 0.2);
  --md-typeset-table-color: #44475a;
  --md-typeset-table-color--light: rgba(68, 71, 90, 0.35);

  /* Code blocks */
  --md-code-fg-color: #f8f8f2;
  --md-code-bg-color: #1f2029;
  --md-code-hl-color: rgba(189, 147, 249, 0.16);
  --md-code-hl-color--light: rgba(189, 147, 249, 0.1);

  /* Syntax highlighting */
  --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: #f8f8f2;

  /* Admonitions */
  --md-admonition-fg-color: #f8f8f2;
  --md-admonition-bg-color: #21222c;

  /* Footer */
  --md-footer-fg-color: #f8f8f2;
  --md-footer-fg-color--light: #e6e6df;
  --md-footer-fg-color--lighter: #bfbfb8;
  --md-footer-bg-color: #21222c;
  --md-footer-bg-color--dark: #191a21;

  /* Shadows */
  --md-shadow-z1: 0 0.2rem 0.5rem rgba(25, 26, 33, 0.18), 0 0 0.05rem rgba(25, 26, 33, 0.35);
  --md-shadow-z2: 0 0.2rem 0.5rem rgba(25, 26, 33, 0.28), 0 0 0.05rem rgba(25, 26, 33, 0.45);
  --md-shadow-z3: 0 0.2rem 0.5rem rgba(25, 26, 33, 0.38), 0 0 0.05rem rgba(25, 26, 33, 0.55);
}

/* Header and tabs */
[data-md-color-scheme="dracula"] .md-header,
[data-md-color-scheme="dracula"] .md-tabs {
  background-color: #44475a;
  color: #f8f8f2;
}

/* Navigation hover and active states */
[data-md-color-scheme="dracula"] .md-nav__link:hover,
[data-md-color-scheme="dracula"] .md-nav__link:focus {
  color: #bd93f9;
}

[data-md-color-scheme="dracula"] .md-nav__link--active {
  color: #ff79c6;
}

/* Search field */
[data-md-color-scheme="dracula"] .md-search__form {
  background-color: #6272a4;
}

[data-md-color-scheme="dracula"] .md-search__input {
  color: #f8f8f2;
}

[data-md-color-scheme="dracula"] .md-search__input::placeholder {
  color: #bfbfb8;
}

/* Inline code */
[data-md-color-scheme="dracula"] .md-typeset code {
  border-radius: 0.2rem;
}

/* Tables */
[data-md-color-scheme="dracula"] .md-typeset table:not([class]) th {
  background-color: #44475a;
  color: #f8f8f2;
}

[data-md-color-scheme="dracula"] .md-typeset table:not([class]) tr:hover {
  background-color: rgba(189, 147, 249, 0.06);
}

/* Text selection */
[data-md-color-scheme="dracula"] ::selection {
  background-color: rgba(189, 147, 249, 0.3);
  color: #ffffff;
}

/* -----------------------------------------------------------
   Dracula Admonition Theme Overrides (All 12 Types)
----------------------------------------------------------- */

/* 1. CYAN (#8be9fd) -> note, abstract, info */
[data-md-color-scheme="dracula"] .md-typeset .admonition.note,
[data-md-color-scheme="dracula"] .md-typeset details.note,
[data-md-color-scheme="dracula"] .md-typeset .admonition.abstract,
[data-md-color-scheme="dracula"] .md-typeset details.abstract,
[data-md-color-scheme="dracula"] .md-typeset .admonition.info,
[data-md-color-scheme="dracula"] .md-typeset details.info {
  border-color: #8be9fd;
}
[data-md-color-scheme="dracula"] .md-typeset .note > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .note > summary,
[data-md-color-scheme="dracula"] .md-typeset .abstract > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .abstract > summary,
[data-md-color-scheme="dracula"] .md-typeset .info > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .info > summary {
  background-color: rgba(139, 233, 253, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .note > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .note > summary::before,
[data-md-color-scheme="dracula"] .md-typeset .abstract > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .abstract > summary::before,
[data-md-color-scheme="dracula"] .md-typeset .info > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .info > summary::before {
  background-color: #8be9fd;
}

/* 2. GREEN (#50fa7b) -> tip, success */
[data-md-color-scheme="dracula"] .md-typeset .admonition.tip,
[data-md-color-scheme="dracula"] .md-typeset details.tip,
[data-md-color-scheme="dracula"] .md-typeset .admonition.success,
[data-md-color-scheme="dracula"] .md-typeset details.success {
  border-color: #50fa7b;
}
[data-md-color-scheme="dracula"] .md-typeset .tip > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .tip > summary,
[data-md-color-scheme="dracula"] .md-typeset .success > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .success > summary {
  background-color: rgba(80, 250, 123, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .tip > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .tip > summary::before,
[data-md-color-scheme="dracula"] .md-typeset .success > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .success > summary::before {
  background-color: #50fa7b;
}

/* 3. YELLOW (#f1fa8c) -> question */
[data-md-color-scheme="dracula"] .md-typeset .admonition.question,
[data-md-color-scheme="dracula"] .md-typeset details.question {
  border-color: #f1fa8c;
}
[data-md-color-scheme="dracula"] .md-typeset .question > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .question > summary {
  background-color: rgba(241, 250, 140, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .question > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .question > summary::before {
  background-color: #f1fa8c;
}

/* 4. ORANGE (#ffb86c) -> warning */
[data-md-color-scheme="dracula"] .md-typeset .admonition.warning,
[data-md-color-scheme="dracula"] .md-typeset details.warning {
  border-color: #ffb86c;
}
[data-md-color-scheme="dracula"] .md-typeset .warning > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .warning > summary {
  background-color: rgba(255, 184, 108, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .warning > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .warning > summary::before {
  background-color: #ffb86c;
}

/* 5. RED (#ff5555) -> failure, danger */
[data-md-color-scheme="dracula"] .md-typeset .admonition.failure,
[data-md-color-scheme="dracula"] .md-typeset details.failure,
[data-md-color-scheme="dracula"] .md-typeset .admonition.danger,
[data-md-color-scheme="dracula"] .md-typeset details.danger {
  border-color: #ff5555;
}
[data-md-color-scheme="dracula"] .md-typeset .failure > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .failure > summary,
[data-md-color-scheme="dracula"] .md-typeset .danger > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .danger > summary {
  background-color: rgba(255, 85, 85, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .failure > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .failure > summary::before,
[data-md-color-scheme="dracula"] .md-typeset .danger > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .danger > summary::before {
  background-color: #ff5555;
}

/* 6. PINK (#ff79c6) -> bug */
[data-md-color-scheme="dracula"] .md-typeset .admonition.bug,
[data-md-color-scheme="dracula"] .md-typeset details.bug {
  border-color: #ff79c6;
}
[data-md-color-scheme="dracula"] .md-typeset .bug > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .bug > summary {
  background-color: rgba(255, 121, 198, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .bug > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .bug > summary::before {
  background-color: #ff79c6;
}

/* 7. PURPLE (#bd93f9) -> example (Your custom File Tree) */
[data-md-color-scheme="dracula"] .md-typeset .admonition.example,
[data-md-color-scheme="dracula"] .md-typeset details.example {
  border-color: #bd93f9;
}
[data-md-color-scheme="dracula"] .md-typeset .example > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .example > summary {
  background-color: rgba(189, 147, 249, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .example > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .example > summary::before {
  background-color: #bd93f9;
}

/* 8. COMMENT GREY (#6272a4) -> quote */
[data-md-color-scheme="dracula"] .md-typeset .admonition.quote,
[data-md-color-scheme="dracula"] .md-typeset details.quote {
  border-color: #6272a4;
}
[data-md-color-scheme="dracula"] .md-typeset .quote > .admonition-title,
[data-md-color-scheme="dracula"] .md-typeset .quote > summary {
  background-color: rgba(98, 114, 164, 0.1);
}
[data-md-color-scheme="dracula"] .md-typeset .quote > .admonition-title::before,
[data-md-color-scheme="dracula"] .md-typeset .quote > summary::before {
  background-color: #6272a4;
}