/* ==========================================================================
   Prism.js Syntax Theme — Indigo design palette
   Light and dark values from the Claude Design handoff (option 4b).
   Background/border handled by theme.json core/code styles.
   ========================================================================== */

/* Only target <code>, not <pre> — the <pre> background/border comes from theme.json. */
code[class*="language-"] {
	background: transparent;
	text-shadow: none;
}

/* ---------- Light Mode ---------- */

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #696b75;
}

.token.keyword,
.token.tag,
.token.boolean,
.token.constant,
.token.deleted,
.token.important {
	color: #4d55c0;
}

.token.string,
.token.attr-value,
.token.char,
.token.regex,
.token.inserted {
	color: #376e47;
}

.token.number,
.token.builtin,
.token.class-name,
.token.symbol {
	color: #7d50ac;
}

.token.function,
.token.selector,
.token.attr-name,
.token.variable,
.token.property,
.token.url,
.token.operator,
.token.punctuation {
	color: #1a1b20;
}

.token.bold {
	font-weight: 700;
}

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

/* ---------- Dark Mode ---------- */

@media (prefers-color-scheme: dark) {
	.token.comment,
	.token.prolog,
	.token.doctype,
	.token.cdata {
		color: #878b96;
	}

	.token.keyword,
	.token.tag,
	.token.boolean,
	.token.constant,
	.token.deleted,
	.token.important {
		color: #959cf0;
	}

	.token.string,
	.token.attr-value,
	.token.char,
	.token.regex,
	.token.inserted {
		color: #9fc487;
	}

	.token.number,
	.token.builtin,
	.token.class-name,
	.token.symbol {
		color: #b490e8;
	}

	.token.function,
	.token.selector,
	.token.attr-name,
	.token.variable,
	.token.property,
	.token.url,
	.token.operator,
	.token.punctuation {
		color: #e5e6ea;
	}
}