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

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #020617;
  --md-default-fg-color: #e5e7eb;
  --md-typeset-a-color: #67e8f9;
  --md-code-bg-color: #0f172a;
  --md-code-fg-color: #e2e8f0;
}

.md-header,
.md-tabs {
  background: #020617;
}

.md-main__inner {
  max-width: 72rem;
}

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

.architecture-frame {
  width: 100%;
  min-height: 760px;
  border: 1px solid rgba(34, 211, 238, 0.28);
  border-radius: 8px;
  background: #020617;
}