/* Prism-Token-Farben, abgestimmt auf die Website-Palette (--ink/--mute/--gold/--gold2/--cyan). */
code[class*="language-"],
pre[class*="language-"] {
  color: var(--ink);
  text-shadow: none;
  background: none;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--mute);
  font-style: italic;
}

.token.punctuation {
  color: var(--mute);
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: var(--gold2);
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: var(--cyan);
}

.token.operator,
.token.entity,
.token.url {
  color: var(--ink);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: var(--gold);
}

.token.function,
.token.class-name {
  color: var(--gold2);
}

.token.regex,
.token.important,
.token.variable {
  color: #C792EA;
}

.token.important,
.token.bold {
  font-weight: 700;
}
.token.italic {
  font-style: italic;
}

/* Klammerpaare nach Verschachtelungstiefe (öffnend/schließend dieselbe Farbe),
   analog zu VS Codes Bracket Pair Colorization. Zugehöriges Skript: bracket-depth.js */
.brace {
  font-weight: 700;
}
.brace-0 { color: #F5C87E; }
.brace-1 { color: #4FD1C5; }
.brace-2 { color: #E0685A; }
.brace-3 { color: #8AB4F8; }
.brace-4 { color: #C792EA; }
.brace-5 { color: #7EE787; }