:root {
  --md-primary-fg-color: #0f172a;
  --md-primary-fg-color--light: #1e293b;
  --md-primary-fg-color--dark: #020617;
  --md-accent-fg-color: #0891b2;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #06111f;
  --md-default-fg-color: #e5eef7;
  --md-typeset-a-color: #67e8f9;
}

.md-header {
  border-bottom: 1px solid rgba(8, 145, 178, 0.18);
  box-shadow: 0 10px 40px rgba(2, 6, 23, 0.12);
}

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

.md-typeset h1 {
  font-weight: 700;
}

.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li,
.md-typeset .grid > .card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06);
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li,
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ol > li,
[data-md-color-scheme="slate"] .md-typeset .grid > .card {
  border-color: rgba(103, 232, 249, 0.12);
  box-shadow: 0 20px 50px rgba(2, 6, 23, 0.3);
}

.md-typeset code {
  border-radius: 0.35rem;
}