:root {
  --sidebar-border: var(--quote-border);
  --sidebar-part: var(--search-mark-bg);
}

.light {
  --bg: hsl(0 23% 97%);
  --fg: hsl(0 0% 5%);
  --sidebar-active: hsl(230 80% 50%);
  --sidebar-part: hsl(270 80% 50%);
  --sidebar-border: hsl(270 100% 50% / 50%);
}

.ayu {
  --bg: hsl(0 5% 6%);
  --fg: hsl(120 100% 98%);
  --sidebar-bg: hsl(0 5% 5%);
  --sidebar-active: hsl(230 85% 65%);
  --sidebar-part: hsl(270 85% 65%);
  --sidebar-border: hsl(140 80% 40% / 50%);
}

#sidebar {
  border-right: 0.2em solid var(--sidebar-border);
}

#sidebar .chapter li.part-title {
  color: var(--sidebar-part);
}