:root {
  --md-code-font: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
  --md-text-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-md-color-scheme="slate"] {
  --md-hue: 240;
  --md-default-bg-color: hsla(232, 22%, 7%, 1);
  --md-default-bg-color--light: hsla(232, 20%, 10%, 1);
  --md-default-fg-color: hsla(230, 15%, 92%, 0.95);
  --md-default-fg-color--light: hsla(230, 12%, 80%, 0.85);
  --md-default-fg-color--lighter: hsla(230, 10%, 65%, 0.55);
  --md-code-bg-color: hsla(232, 22%, 11%, 1);
  --md-code-fg-color: hsla(258, 80%, 82%, 1);
  --md-primary-fg-color: hsla(232, 22%, 7%, 1);
  --md-primary-bg-color: hsla(258, 85%, 75%, 1);
  --md-accent-fg-color: hsla(258, 80%, 72%, 1);
  --md-accent-fg-color--transparent: hsla(258, 80%, 72%, 0.12);
  --md-typeset-a-color: hsla(258, 75%, 78%, 1);
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: hsla(232, 25%, 18%, 1);
  --md-primary-bg-color: hsla(258, 65%, 58%, 1);
  --md-accent-fg-color: hsla(258, 65%, 52%, 1);
  --md-typeset-a-color: hsla(258, 65%, 52%, 1);
}

.md-header {
  backdrop-filter: blur(12px);
  background: hsla(232, 22%, 7%, 0.88);
  border-bottom: 1px solid hsla(258, 70%, 70%, 0.1);
}
[data-md-color-scheme="default"] .md-header {
  background: hsla(232, 20%, 98%, 0.92);
  border-bottom: 1px solid hsla(258, 60%, 52%, 0.16);
}

.md-typeset pre > code, .md-typeset .highlight { border-radius: 6px; }
.md-typeset code { border-radius: 4px; font-size: 0.85em; }
[data-md-color-scheme="slate"] .md-typeset pre { border: 1px solid hsla(258, 65%, 70%, 0.1); }

.md-typeset .admonition, .md-typeset details {
  border-radius: 6px;
  border-left-width: 3px;
  font-size: 0.78rem;
}

.md-typeset .md-post__header {
  opacity: 0.75;
  font-size: 0.75rem;
}
article.md-post .md-post__content h1,
article.md-post .md-post__content h2 { font-size: 1.3rem; }

[data-md-color-scheme="slate"] ::-webkit-scrollbar { width: 10px; height: 10px; }
[data-md-color-scheme="slate"] ::-webkit-scrollbar-track { background: hsla(232, 20%, 9%, 1); }
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: hsla(258, 40%, 35%, 0.5);
  border-radius: 5px;
}
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background: hsla(258, 60%, 55%, 0.65);
}

.md-footer-meta {
  background: hsla(232, 24%, 5%, 1);
  font-size: 0.72rem;
}
[data-md-color-scheme="default"] .md-footer-meta { background: hsla(232, 25%, 14%, 1); }