:root {
  --movie-accent: #7c3aed;
  --movie-accent-dark: #5b21b6;
}

.wy-side-nav-search,
.wy-nav-top {
  background: var(--movie-accent-dark);
}

.wy-menu-vertical a:active {
  background: var(--movie-accent);
}

.wy-nav-content {
  max-width: 1120px;
}

a.api-link {
  display: inline-block;
  margin: 0.5rem 0 1rem;
  padding: 0.65rem 1rem;
  border-radius: 0.25rem;
  background: var(--movie-accent-dark);
  color: #fff;
  font-weight: 600;
}

a.api-link:hover {
  background: var(--movie-accent);
  color: #fff;
}

code,
.rst-content code.literal {
  color: #5b21b6;
}