/* Prism.js token styles used by @11ty/eleventy-plugin-syntaxhighlight */
:root {
  --code-bg: #f3f8fc;
  --code-fg: #1f2937;
  --code-comment: #64748b;
  --code-keyword: #1e7fbe;
  --code-string: #2f855a;
  --code-name: #0f6f7a;
  --code-number: #2b6cb0;
  --code-function: #0fa3b1;
  --code-emphasis: #2e1e3e;
}

code[class*="language-"],
pre[class*="language-"] {
  color: var(--code-fg);
  text-shadow: none;
  font-family: "Courier New", Courier, monospace;
  line-height: 1.5;
}

pre[class*="language-"] {
  background: var(--code-bg);
}

:not(pre) > code[class*="language-"] {
  background: #eaf4fb;
  padding: 0.1rem 0.35rem;
  border-radius: 0.25rem;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--code-comment);
}

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

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

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

.token.operator,
.token.entity,
.token.url,
.token.variable {
  color: var(--code-name);
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
  color: var(--code-function);
}

.token.keyword {
  color: var(--code-keyword);
}

.token.regex,
.token.important {
  color: var(--code-emphasis);
}

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

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