:root {
  --syntax-color-keyword: #004ac5;
  --syntax-color-number: black;
  --syntax-color-string: rgb(201, 58, 190);
  --syntax-color-comment: rgba(0, 0, 0, 0.4);
  --syntax-color-boolean: rgb(0, 174, 140);
  --syntax-color-type: rgb(0, 174, 140);
  --syntax-color-function: rgb(0, 174, 140);
  --syntax-color-constant: rgb(0, 174, 140);
  --syntax-color-builtin: rgb(0, 174, 140);
}

pre[class*=language-] {
  padding: 0;
}

code[class*=language-] {
  font-family: var(--font-family-monospace);
  font-size: 0.9em;
}

pre[class*=language-] {
  background: unset;
}

code .token.property,
code .token.keyword,
code .token.operator {
  color: var(--syntax-color-keyword);
}

code .token.string {
  color: var(--syntax-color-string);
}

code .token.function {
  color: var(--syntax-color-function);
}

code .token.comment {
  color: var(--syntax-color-comment);
  font-style: italic;
}

code .token.boolean {
  color: var(--syntax-color-boolean);
}


code .token.number {
  color: var(--syntax-color-number);
}

code > .token.deleted {
  background-color: #f44c4c80;
}

code > .token.inserted {
  border-radius: 2px;
  background-color: #44e1bc80;
}