:root {
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #333333;
  --md-typeset-a-color: #2563eb;
}

.md-header {
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.md-header__title {
  color: #333333;
}

.md-header__button {
  color: #555555;
}

.md-nav--primary .md-nav__item--active > .md-nav__link {
  color: #2563eb;
  font-weight: 500;
}

.md-nav__link {
  color: #555555;
}

.md-nav__link:hover {
  color: #2563eb;
}

.md-typeset a {
  color: #2563eb;
}

.md-typeset a:hover {
  color: #1d4ed8;
}

.md-sidebar {
  border-right: 1px solid #e5e5e5;
}

.md-content {
  max-width: 800px;
}

h1, h2, h3, h4 {
  color: #1a1a1a;
  font-weight: 600;
}

code {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 2px 6px;
}

.md-typeset pre > code {
  background-color: #f8f8f8;
}