/**
 * Syntax highlighting tokens for core/code blocks (assets/js/syntax.js).
 *
 * Tokens sit on the dark ink panel (.wp-block-code, --ink #1a1814); every
 * color below clears 4.5:1 (WCAG AA) against it. Plain tokens — identifiers,
 * punctuation, CSS selectors — keep the block's cream base color.
 * Loaded only on singular pages that contain a code block.
 */
:root {
	--sx-muted: #9a9083; /* comments  — warm gray */
	--sx-amber: #d9a865; /* strings   — lighter kin of --accent */
	--sx-coral: #e29a83; /* keywords  — warm counterpoint */
	--sx-sage:  #a9c5a0; /* values    — quiet cool relief */
}

.sx-com {
	color: var(--sx-muted);
	font-style: italic;
}

.sx-str,
.sx-attr {
	color: var(--sx-amber);
}

.sx-kw,
.sx-tag {
	color: var(--sx-coral);
}

.sx-num,
.sx-var {
	color: var(--sx-sage);
}