:root {
  color-scheme: dark;
  --color-bg: #111827;
  --color-text: #c5cfe0;
  --heading-color: #f0f4ff;
  --strong-color: #e5ecfa;
  --border-color: #2d3a50;
  --link-color: #a8b8ff;
  --link-color-hover: #d3dcff;
  --link-underline-color: #a8b8ff;
  --link-underline-color-hover: #d3dcff;
  --sidebar-bg: #151f30;
  --sidebar-link-color: #b7c4d9;
  --sidebar-group-title-color: #dce6f7;
  --sidebar-toggle-bg: var(--gp-active-bg);
  --sidebar-toggle-color: #fff;
  --code-bg: #202d42;
  --codeblock-bg: #172235;
  --codeblock-comment: #94a5bd;
  --codeblock-property: #e7bc75;
  --codeblock-important: #ffb38a;
  --table-row-alt-bg: #172235;
  --form-element-bg: #1b283d;
  --form-element-border-color: #3b4c68;
  --gp-active-text: #fff;
  --gp-active-bg: #3355FF;
  --gp-hover-bg: #3355FF;
  --gp-muted: #a3b2c9;
  --gp-image-shadow: 0 12px 32px -18px #000000b3;
}
.markdown-section .callout.important {
  --callout-bg: #301f2c;
  --callout-border-color: #7f3d50;
  --callout-charm-color: #ff7c8d;
}
.markdown-section .pagination-item a:hover { --gp-muted: #fff; }