:root {
  --color-prism-grey: #93a1a1;
  --color-prism-blue: #7c91bd;
  --color-prism-cyan: #8b81c3;
  --color-prism-entity: #657b83;
  --color-prism-green: #51a2a0;
  --color-prism-yellow: #ee7800;
  --color-prism-orange: #e45435;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-prism-grey: #93a1a1;
    --color-prism-blue: #95abd7;
    --color-prism-cyan: #bab1df;
    --color-prism-entity: #657b83;
    --color-prism-green: #8ec298;
    --color-prism-yellow: #e3c26a;
    --color-prism-orange: #ee869a;
  }
}

body[data-theme=dark] {
  --color-prism-grey: #93a1a1;
  --color-prism-blue: #95abd7;
  --color-prism-cyan: #bab1df;
  --color-prism-entity: #657b83;
  --color-prism-green: #8ec298;
  --color-prism-yellow: #e3c26a;
  --color-prism-orange: #ee869a;
}

.token.important, .token.bold {
  font-weight: 500;
}
.token.italic {
  font-style: italic;
}
.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata {
  color: var(--color-prism-grey);
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  color: var(--color-prism-blue);
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.url, .token.inserted {
  color: var(--color-prism-cyan);
}
.token.entity {
  color: var(--color-prism-entity);
}
.token.atrule, .token.attr-value, .token.keyword {
  color: var(--color-prism-green);
}
.token.function, .token.class-name {
  color: var(--color-prism-yellow);
}
.token.regex, .token.important, .token.variable, .token.operator {
  color: var(--color-prism-orange);
}