.token-text {
  font-family: var(--body-font);
  font-weight: var(--body-weight);
  color: var(--text);
}

.token-word {
  cursor: pointer;
  border-radius: 3px;
  transition: background 0.1s, color 0.1s, box-shadow 0.1s;
  padding: 0 1px;
  -webkit-tap-highlight-color: transparent;
  font-family: var(--body-font);
  font-weight: var(--body-weight);
  color: var(--text);
}

.token-word:hover {
  background: var(--word-hover);
  box-shadow: 0 0 0 2px var(--word-hover);
  color: var(--accent);
}

.token-word.active {
  background: var(--word-active) !important;
  color: var(--word-active-fg) !important;
  box-shadow: 0 0 0 2px var(--word-active) !important;
}