/* Prism — tema blok kode UlasTekno (token warna NALAR, mengikuti mode gelap/terang). */
pre[class*="language-"] {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: 0;
	padding: 20px;
	overflow: auto;
	font-size: 14px;
	line-height: 1.65;
	tab-size: 2;
}

pre[class*="language-"] code,
code[class*="language-"] {
	background: none;
	padding: 0;
	border: 0;
	color: var(--ink);
	font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;
	text-shadow: none;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: var(--muted);
}

.token.punctuation {
	color: var(--ink);
}

.token.keyword,
.token.important,
.token.bold,
.token.atrule,
.token.rule {
	color: var(--purple);
}

.token.string,
.token.char,
.token.attr-value,
.token.regex {
	color: #c8e600;
}

.token.number,
.token.boolean,
.token.constant,
.token.symbol {
	color: #ff9e64;
}

.token.function,
.token.class-name {
	color: #82aaff;
}

.token.tag,
.token.selector {
	color: #ff7b72;
}

.token.property,
.token.attr-name {
	color: #ffcb6b;
}

.token.operator,
.token.entity,
.token.url {
	color: var(--ink);
}

.token.italic {
	font-style: italic;
}

/* Mode terang: sesuaikan warna token yang berupa hex tetap. */
[data-theme="light"] .token.string,
[data-theme="light"] .token.char,
[data-theme="light"] .token.attr-value,
[data-theme="light"] .token.regex {
	color: #4d7c0f;
}

[data-theme="light"] .token.number,
[data-theme="light"] .token.boolean,
[data-theme="light"] .token.constant,
[data-theme="light"] .token.symbol {
	color: #b45309;
}

[data-theme="light"] .token.function,
[data-theme="light"] .token.class-name {
	color: #1d4ed8;
}

[data-theme="light"] .token.tag,
[data-theme="light"] .token.selector {
	color: #dc2626;
}

[data-theme="light"] .token.property,
[data-theme="light"] .token.attr-name {
	color: #92400e;
}