:root {
  --vp-layout-max-width: 1440px;
  --vp-sidebar-width: 220px;
  --gcf-color: var(--vp-c-brand-1);
  --toon-color: #e5a00d;
  --json-color: #6b7280;
}

.gcf { color: var(--gcf-color); font-weight: 600; }
.toon { color: var(--toon-color); font-weight: 600; }
.json { color: var(--json-color); font-weight: 600; }

.VPSidebar {
  padding-left: 24px !important;
  padding-right: 16px !important;
  width: var(--vp-sidebar-width) !important;
}

.VPDoc .container {
  max-width: 100% !important;
}

.VPDoc .content {
  max-width: 900px !important;
  padding-left: 24px !important;
}

.VPDoc.has-aside .content-container {
  max-width: 100% !important;
}

.hero-highlight {
  color: var(--vp-c-brand-1);
}

.medium-zoom-overlay,
.medium-zoom-image--opened {
  z-index: 999 !important;
}
