/* Editorial syntax-highlighting theme for highlight.js (self-hosted).
 * Light code surface tuned to the WP-Profis palette. Loaded only on
 * single posts (see functions.php). Token colours reuse the site tokens
 * (akzent-text/nummern/muted) so code sits in the same visual world as
 * the rest of the editorial design. */

.wp-block-code {
	background: var(--wp--preset--color--tint, #f4f7fb);
	border: 1px solid var(--wp--preset--color--kartenrand, #dde3eb);
	border-radius: 10px;
	padding: 18px 20px;
	overflow-x: auto;
	font-size: 14px;
	line-height: 1.6;
	tab-size: 2;
}

.wp-block-code code,
.wp-block-code .hljs {
	font-family: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;
	color: var(--wp--preset--color--ink, #1c1c1e);
	background: transparent;
	padding: 0;
}

/* highlight.js token classes */
.hljs-comment,
.hljs-quote {
	color: var(--wp--preset--color--muted, #5f6b76);
	font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-built_in,
.hljs-literal,
.hljs-type,
.hljs-tag {
	color: var(--wp--preset--color--akzent-text, #3d6cb4);
	font-weight: 600;
}

.hljs-string,
.hljs-meta-string,
.hljs-regexp,
.hljs-symbol {
	color: #2f7d5b;
}

.hljs-number,
.hljs-boolean {
	color: var(--wp--preset--color--nummern, #4a6a8c);
}

.hljs-title,
.hljs-title.function_,
.hljs-section,
.hljs-name {
	color: var(--wp--preset--color--navy, #22303f);
	font-weight: 600;
}

.hljs-attr,
.hljs-attribute,
.hljs-property,
.hljs-variable,
.hljs-template-variable {
	color: var(--wp--preset--color--akzent-text, #3d6cb4);
}

.hljs-meta,
.hljs-comment.hljs-doctag {
	color: var(--wp--preset--color--muted, #5f6b76);
}

.hljs-emphasis {
	font-style: italic;
}

.hljs-strong {
	font-weight: 700;
}