:root {
  --md-primary-fg-color: #7c5cff;
  --md-accent-fg-color: #22d3ee;
}

[data-md-color-scheme="slate"] {
  --md-hue: 250;
  --md-default-bg-color: #07080d;
  --md-default-fg-color: #eef1f7;
  --md-default-fg-color--light: #a3adbf;
  --md-default-fg-color--lighter: #6b7488;
  --md-code-bg-color: #12141d;
  --md-typeset-a-color: #a78bfa;
}

[data-md-color-scheme="slate"] body {
  background-image:
    radial-gradient(60vw 50vh at 12% -8%, rgba(124, 92, 255, 0.22), transparent 60%),
    radial-gradient(50vw 50vh at 110% 0%, rgba(34, 211, 238, 0.12), transparent 55%);
  background-attachment: fixed;
}

.md-header {
  background: linear-gradient(120deg, #7c5cff 0%, #5b8def 55%, #22d3ee 100%);
  box-shadow: 0 2px 20px rgba(124, 92, 255, 0.25);
}
.md-tabs {
  background: transparent;
}

[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: #a78bfa;
}

.md-typeset h1,
.md-typeset h2 {
  letter-spacing: -0.02em;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
  border-left-width: 3px;
}

[data-md-color-scheme="slate"] .md-typeset .admonition {
  background: #12141d;
  border-color: rgba(124, 92, 255, 0.4);
}

.md-button--primary {
  background: linear-gradient(120deg, #7c5cff, #22d3ee);
  border: none;
  color: #fff;
}