.highlight {
  --p-keyword: var(--color-primary);
  --p-function: var(--color-secondary);
  --p-function-new: var(--color-secondary);
  --p-type: var(--color-secondary);
  --p-numbers: var(--color-secondary-active);
  --p-attributes: var(--color-text-secondary);
  --p-bg-selection: var(--color-text-inverse);
  --p-whitespace: var(--color-light);
  --p-strings: var(--color-code-string);
  --p-operators: var(--color-code);
  --p-comments: var(--color-code-comment);
  --p-diff-deleted: var(--color-code-deleted);
  --p-diff-inserted: var(--color-code-inserted);
  --p-punctuation: var(--color-code);

  background: var(--bg-box);
  color: var(--color-code);
}

.highlight .hll {
  background-color: var(--color-code);
  color: var(--color-text-inverse);
  border-radius: var(--border-radius);
}

.highlight .cp,
.highlight .cs,
.highlight .gs,
.highlight .ne,
.highlight .ow {
  font-weight: var(--font-weight-semibold);
}

.highlight .c,
.highlight .cm,
.highlight .c1,
.highlight .cs,
.highlight .ge {
  font-style: italic;
}

.highlight .cp,
.highlight .n,
.highlight .nx {
  color: var(--color-code);
}

.highlight .k,
.highlight .kd,
.highlight .kr,
.highlight .bp,
.highlight .cs,
.highlight .gh,
.highlight .ow,
.highlight .sa {
  color: var(--p-keyword);
}

.highlight .nb {
  color: var(--p-function);
}

.highlight .nf {
  color: var(--p-function-new);
}

.highlight .kn,
.highlight .o,
.highlight .p {
  color: var(--p-punctuation);
}

.highlight .c,
.highlight .cm,
.highlight .c1,
.highlight .go {
  color: var(--p-comments);
}

.highlight .gd,
.highlight .gr,
.highlight .gt {
  color: var(--p-diff-deleted);
}

.highlight .gi {
  color: var(--p-diff-inserted);
}

.highlight .gu,
.highlight .w {
  color: var(--p-whitespace);
}

.highlight .nc,
.highlight .kt {
  color: var(--p-type);
}

.highlight .na,
.highlight .no,
.highlight .nt,
.highlight .ni,
.highlight .nv,
.highlight .vc,
.highlight .vg,
.highlight .vi {
  color: var(--p-attributes);
}

.highlight .m,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo,
.highlight .il {
  color: var(--p-numbers);
}

.highlight .s,
.highlight .s1,
.highlight .sb,
.highlight .sx,
.highlight .si,
.highlight .sh,
.highlight .se,
.highlight .s2,
.highlight .sd,
.highlight .sc,
.highlight .sr {
  color: var(--p-strings);
}