:root {
  --md-primary-fg-color: #111820;
  --md-accent-fg-color: #20c9e8;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0b1016;
  --md-default-fg-color: #e6edf3;
  --md-code-bg-color: #111a24;
  --md-typeset-a-color: #35d0ee;
}

.md-header {
  border-bottom: 1px solid rgba(53, 208, 238, 0.22);
}

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

.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
}

.hero {
  padding: 2rem;
  margin: 0 0 2rem;
  border: 1px solid rgba(53, 208, 238, 0.3);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(25, 181, 210, 0.16), transparent 55%),
    #111923;
}

.hero h1 {
  margin: 0 0 0.5rem;
  color: #f4fbff;
}

.hero p {
  max-width: 48rem;
  margin-bottom: 0;
  font-size: 1.05rem;
}