/**
 * Prism token colours tuned to the Codeskill palette (light + dark).
 */

code[class*="language-"],
pre[class*="language-"],
.wp-block-code {
	color: var(--codeskill-slate, #2c3c50);
	background: var(--codeskill-code, #e8eef4);
	text-shadow: none;
	font-family: "IBM Plex Mono", ui-monospace, monospace;
	font-size: 0.92rem;
	line-height: 1.55;
}

pre[class*="language-"],
pre.wp-block-code {
	padding: 1.15rem 1.25rem;
	margin: 1.5rem 0;
	border: 1px solid var(--codeskill-border, #d8dee6);
	border-radius: 8px;
	overflow: auto;
	box-shadow: none;
}

:not(pre) > code[class*="language-"] {
	padding: 0.1em 0.35em;
	border-radius: 4px;
	background: var(--codeskill-code, #e8eef4);
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #6b7a8c;
}

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

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #e84c3c;
}

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

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

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #3494d0;
}

.token.function,
.token.class-name {
	color: #2c3c50;
	font-weight: 500;
}

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

.token.important,
.token.bold {
	font-weight: 600;
}

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

html[data-theme="dark"] .token.comment,
html[data-theme="dark"] .token.prolog,
html[data-theme="dark"] .token.doctype,
html[data-theme="dark"] .token.cdata {
	color: #8b98a8;
}

html[data-theme="dark"] .token.punctuation {
	color: #9aa5b5;
}

html[data-theme="dark"] .token.property,
html[data-theme="dark"] .token.tag,
html[data-theme="dark"] .token.boolean,
html[data-theme="dark"] .token.number,
html[data-theme="dark"] .token.constant,
html[data-theme="dark"] .token.symbol,
html[data-theme="dark"] .token.deleted {
	color: #f06a5c;
}

html[data-theme="dark"] .token.selector,
html[data-theme="dark"] .token.attr-name,
html[data-theme="dark"] .token.string,
html[data-theme="dark"] .token.char,
html[data-theme="dark"] .token.builtin,
html[data-theme="dark"] .token.inserted {
	color: #6dca98;
}

html[data-theme="dark"] .token.operator,
html[data-theme="dark"] .token.entity,
html[data-theme="dark"] .token.url,
html[data-theme="dark"] .language-css .token.string,
html[data-theme="dark"] .style .token.string,
html[data-theme="dark"] .token.function,
html[data-theme="dark"] .token.class-name {
	color: #e6ebf2;
}

html[data-theme="dark"] .token.atrule,
html[data-theme="dark"] .token.attr-value,
html[data-theme="dark"] .token.keyword {
	color: #5eb0e0;
}

html[data-theme="dark"] .token.regex,
html[data-theme="dark"] .token.important,
html[data-theme="dark"] .token.variable {
	color: #e0a060;
}