/*
 * Bifrost Prism theme (classic prismjs).
 * Uses Bifrost CSS variables, so one stylesheet covers both light and dark mode.
 * Requires @intility/bifrost-css to be loaded in the host app.
 */
code[class*=language-],
pre[class*=language-],
pre.prismjs {
  background-color: transparent;
  color: inherit;
  border-radius: 0;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: var(--bf-font-size-m);
  hyphens: none;
  line-height: 1.5;
  tab-size: 2;
  text-align: left;
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
  overflow-wrap: normal;
  margin: 0;
  padding: 0;
}

.token.tag {
  color: var(--bfc-base-c-chill);
}

.token.class-name {
  color: var(--bfc-base-c-success);
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata,
.token.regex.regex-delimiter,
.token.parameter.punctuation,
.token.tag.punctuation.attr-equals,
.token.punctuation,
.token.punctuation.tag {
  color: var(--bfc-base-c-2);
}

.token.namespace {
  opacity: 0.7;
}

.token.selector.pseudo-element,
.token.regex.class-name,
.token.deleted,
.token.key {
  color: color-mix(in srgb, var(--bfc-base-c-alert), var(--bfc-base-c) 20%);
}

.token.attr-name,
.token.tag.attr-value,
.token.color,
.token.string,
.token.char {
  color: color-mix(in srgb, var(--bfc-base-c-alert), var(--bfc-base-c) 50%);
}

.token.entity,
.token.imports.punctuation,
.token.selector,
.token.url,
.token.function,
.token.function.property-access {
  color: var(--bfc-base-c-warning);
}

.token.attr-value,
.token.class-name.tag,
.token.maybe-class-name,
.token.number,
.token.number.parameter,
.token.unit,
.token.builtin,
.token.inserted {
  color: var(--bfc-base-c-success);
}

.token.property,
.token.imports,
.token.parameter,
.token.property-access,
.token.tag.property-access,
.token.tag.attr-name,
.token.variable,
.token.important,
.token.class-name.console {
  color: var(--bfc-base-c-brand);
}

.token.selector.pseudo-class,
.token.keyword.module,
.token.keyword.control-flow,
.token.decorator,
.token.atrule.rule {
  color: var(--bfc-base-c-attn);
}

.token.keyword,
.token.operator,
.token.operator.arrow,
.token.imports.operator,
.token.regex.regex-flags,
.token.interpolation-punctuation,
.token.conversion-option,
.token.constant,
.token.boolean {
  color: var(--bfc-base-c-chill);
}

.token.bold {
  font-weight: 600;
}

.token.italic {
  font-style: italic;
}

.token.strike {
  text-decoration-line: line-through;
}