:root { --vs-blue:#569cd6; --vs-teal:#569cd6; --vs-yellow:#dcdcaa; }
[data-md-color-scheme="slate"] {
  --md-default-bg-color:        #1e1e1e;
  --md-default-bg-color--light: #252526;
  --md-default-bg-color--lighter:#2d2d30;
  --md-default-fg-color:        #d4d4d4;
  --md-default-fg-color--light: #cfcfcf;
  --md-default-fg-color--lighter:#9a9a9a;
  --md-default-fg-color--lightest:#3c3c3c;
  --md-primary-fg-color:        #252526;
  --md-primary-fg-color--dark:  #1e1e1e;
  --md-primary-bg-color:        #e8e8e8;
  --md-accent-fg-color:         #4fc1ff;
  --md-typeset-a-color:         #569cd6;
  --md-code-bg-color:           #1a1a1a;
  --md-code-fg-color:           #d4d4d4;
  --md-typeset-color:           #d4d4d4;
}
[data-md-color-scheme="slate"] .md-header { border-bottom:2px solid #007acc; }
[data-md-color-scheme="slate"] .md-sidebar { background:#252526; }
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:hover { color:#4fc1ff; }
[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2 { color:#4fc1ff; font-weight:600; }
[data-md-color-scheme="slate"] .md-typeset h2 { border-bottom:1px solid #333; padding-bottom:.25em; }
[data-md-color-scheme="slate"] .md-typeset code { background:#1a1a1a; color:#ce9178; border:1px solid #333; }
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th { background:#2d2d30; color:#9cdcfe; }
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details { background:#252526; border-color:#569cd6; }
[data-md-color-scheme="slate"] .mermaid { background:#1e1e1e; border:1px solid #333; border-radius:8px; padding:14px; }

/* mermaid viewer — natural size, scroll to read, resizable, fullscreen */
[data-md-color-scheme="slate"] .mermaid{ background:#1e1e1e; border:1px solid #333; border-radius:8px;
  padding:14px; margin:1em 0; overflow:auto; max-height:78vh; resize:vertical; position:relative; }
.mermaid svg{ max-width:none !important; height:auto; }
.mermaid:fullscreen{ max-height:none; height:100vh; background:#1e1e1e; }
.mm-fs{ position:sticky; top:0; float:right; z-index:6; width:34px; height:34px; border:1px solid #3c3c3c;
  background:#252526; color:#d4d4d4; border-radius:6px; cursor:pointer; font-size:16px; }
.mm-fs:hover{ background:#37373d; border-color:#569cd6; color:#569cd6; }