/* DGS code highlighting — brand dark panel + token colors (Prism). */
:root {
  --code-bg: #1d1a14;            /* warm near-black, matches bg-ultra-dark */
  --code-ink: #f3efe6;
  --code-muted: #9b948a;
}
/* inline code */
:not(pre) > code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .92em;
  background: color-mix(in srgb, var(--code-bg) 8%, transparent);
  border: 1px solid rgba(21, 19, 14, .14);
  border-radius: 6px;
  padding: .12em .38em;
}
/* block code */
pre.wp-block-code, pre[class*="language-"] {
  background: var(--code-bg);
  color: var(--code-ink);
  border-radius: 14px;
  padding: 1.1rem 1.25rem;
  overflow-x: auto;
  font-size: .92rem;
  line-height: 1.6;
  margin-block: 1.5rem;
}
pre.wp-block-code > code, pre[class*="language-"] > code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: none; border: 0; padding: 0; color: inherit; font-size: inherit;
}
/* tokens */
.token.comment, .token.prolog, .token.cdata { color: var(--code-muted); font-style: italic; }
.token.punctuation { color: #c9c2b6; }
.token.property, .token.tag, .token.constant, .token.symbol { color: #7fd6e0; }
.token.boolean, .token.number { color: #e8b96b; }
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin { color: #a8d391; }
.token.operator, .token.entity, .token.url, .language-css .token.string { color: #c9c2b6; }
.token.atrule, .token.attr-value, .token.keyword { color: #8fb8f0; }
.token.function, .token.class-name { color: #f0a8a0; }
.token.regex, .token.important, .token.variable { color: #e8b96b; }