/* Light syntax-highlighting theme tuned to the site palette.
   Targets tokens produced by @11ty/eleventy-plugin-syntaxhighlight (Prism). */

code[class*="language-"],
pre[class*="language-"] {
  color: #1c2a2a;
  background: #f3ecde;
  text-shadow: none;
  font-family: var(--font-mono);
  font-size: 0.92rem;
  line-height: 1.55;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}

pre[class*="language-"] {
  padding: 1rem;
  margin: 0;
  overflow: auto;
  border-radius: 10px;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata { color: #7b8a7b; font-style: italic; }

.token.punctuation { color: #5a6a6a; }

.token.namespace { opacity: 0.75; }

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted { color: #c97a3a; }

.token.boolean,
.token.number { color: #b8501b; }

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

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

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

.token.function,
.token.class-name { color: #1d8a8a; }

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

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

.token.entity { cursor: help; }

/* Line highlights from the plugin */
.highlight-line { display: block; }
.highlight-line-active {
  background: rgba(15, 107, 107, 0.08);
  margin-inline: -1rem;
  padding-inline: 1rem;
}