:root {
  --md-primary-fg-color: #1c0f33;
  --md-primary-fg-color--dark: #07050d;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0a0612;
  --md-default-fg-color: #e9d5ff;
  --md-typeset-a-color: #c084fc;
}

.md-header {
  background: linear-gradient(90deg, #1c0f33, #2a1550);
}

.md-tabs {
  background: #150a24;
}

.grid.cards > ul {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  margin: 1em 0;
  padding: 0;
}

.grid.cards > ul > li {
  border: 1px solid rgba(192, 132, 252, 0.25);
  border-radius: 0.5rem;
  padding: 1rem;
  list-style: none;
  background: rgba(124, 34, 206, 0.06);
}