@font-face {
  font-display: swap;
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400;
  src: url('fira-code-v27-latin-regular.woff2') format('woff2');
}

pre {
  font-family: "Fira Code", monospace;
  font-size: 0.85rem;
  padding: 5px;
  background: var(--bg-dark);
  overflow-x: auto;
}

:not(pre)>code {
  font-family: "Fira Code", monospace;
  font-size: 0.85rem;
  background-color: var(--hl2);
  padding: 0 3px;
  border-radius: 5px;
}

.variable_builtin {
  color: var(--red);
}

.constant,
.constant_numeric,
.constant_numeric_integer,
.constant_numeric_float,
.numeric,
.numeric_constant,
.number,
.number_float,
.constant_number {
  color: var(--cyan);
}

.constant_builtin,
.constant_builtin_boolean,
.constant_builtin_integer,
.constant_builtin_float,
.boolean {
  color: var(--orange);
}

.attribute {
  color: var(--purple);
}

.type {
  color: var(--yellow);
}

.namespace,
.module,
.module_builtin {
  color: var(--yellow);
}

.type_builtin {
  color: var(--orange);
}

.constructor {
  color: var(--yellow);
}

.variable,
.identifier {
  color: var(--fg);
}

.string,
.character {
  color: var(--green);
}

.string_regexp,
.string_regex,
.string_special,
.string_escape,
.constant_character_escape {
  color: var(--orange);
}

.comment,
.comment_line,
.comment_block,
.comment_documentation {
  color: var(--light-gray);
  font-style: italic;
}

.variable_parameter,
.parameter {
  color: var(--red);
}

.variable_member,
.variable_other_member,
.property,
.field {
  color: var(--blue);
}

.label {
  color: var(--navy-blue);
}

.punctuation,
.punctuation_bracket,
.punctuation_delimiter,
.punctuation_special,
.punctuation_bracket_special {
  color: var(--dark-blue);
}

.keyword,
.keyword_control,
.keyword_conditional,
.keyword_coroutine,
.keyword_function,
.keyword_operator,
.keyword_return,
.keyword_type,
.keyword_import,
.keyword_exception,
.keyword_repeat,
.keyword_modifier {
  color: var(--purple);
}

.operator {
  color: var(--purple);
}

.function,
.function_call,
.function_method,
.function_method_call {
  color: var(--blue);
}

.function_builtin {
  color: var(--cyan);
}

.function_macro {
  color: var(--red);
}

.function_special {
  color: var(--red);
}

.error {
  color: var(--dark-red);
  font-weight: bold;
}

.tag {
  color: var(--yellow);
}

.special {
  color: var(--yellow);
}

.markup_heading {
  color: var(--blue);
  font-weight: bold;
}

.markup_bold {
  font-weight: bold;
}

.markup_italic {
  font-style: italic;
}

.markup_strikethrough {
  text-decoration: line-through;
}

.markup_link {
  color: var(--cyan);
  text-decoration: underline;
}

.markup_link_url {
  color: var(--cyan);
  text-decoration: underline;
}

.markup_raw,
.markup_raw_inline,
.markup_raw_block {
  color: var(--purple);
}

.diff_plus {
  color: var(--green);
}

.diff_delta {
  color: var(--dark-blue);
}

.diff_minus {
  color: var(--red);
}