/* Prism light theme tuned to site palette. Keep background transparent so .codeblock controls it. */
code[class*="language-"], pre[class*="language-"] {
  color: var(--c-code-text);
  background: transparent;
  font-family: var(--font-mono);
  font-size: 0.875rem;
  text-shadow: none;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.6;
  -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;
  hyphens: none;
}
pre[class*="language-"]::selection,
code[class*="language-"]::selection { background: var(--c-primary-100); }

.token.comment, .token.prolog, .token.doctype, .token.cdata { color: #8895a5; font-style: italic; }
.token.punctuation { color: #4a5b6e; }
.token.namespace { opacity: .7; }

.token.property, .token.tag, .token.boolean, .token.number, .token.constant,
.token.symbol, .token.deleted { color: #c25450; }

.token.selector, .token.attr-name, .token.string, .token.char,
.token.builtin, .token.inserted { color: #2f7a5d; }

.token.operator, .token.entity, .token.url, .language-css .token.string,
.style .token.string { color: #c0851a; background: transparent; }

.token.atrule, .token.attr-value, .token.keyword { color: #0F6E6E; font-weight: 600; }

.token.function, .token.class-name { color: #4a5b9a; }

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

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

/* Eleventy syntax-highlight line-number support */
.codeblock pre[class*="language-"] { padding: var(--sp-5); padding-top: calc(var(--sp-5) + 12px); }