/* ==========================================================================
   Prism.js Syntax Theme — Atom One Light / Dark
   Uses theme design tokens. Background/border handled by theme.json core/code styles.
   ========================================================================== */

/* Base: ensure Prism doesn't override existing code block background.
   Only target <code>, not <pre> — the <pre> background/border comes from theme.json. */
code[class*="language-"] {
	background: transparent;
	text-shadow: none;
}

/* ---------- Light Mode (Atom One Light) ---------- */

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #a0a1a7;
	font-style: italic;
}

.token.keyword,
.token.tag,
.token.boolean,
.token.constant,
.token.deleted {
	color: #a626a4;
}

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

.token.number {
	color: #986801;
}

.token.builtin,
.token.class-name {
	color: #c18401;
}

.token.function,
.token.selector,
.token.attr-name {
	color: #4078f2;
}

.token.variable,
.token.property {
	color: #e45649;
}

.token.symbol,
.token.url {
	color: #0184bc;
}

.token.operator,
.token.punctuation {
	color: #383a42;
}

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

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

/* ---------- Dark Mode (Atom One Dark) ---------- */

@media (prefers-color-scheme: dark) {
	.token.comment,
	.token.prolog,
	.token.doctype,
	.token.cdata {
		color: #5c6370;
		font-style: italic;
	}

	.token.keyword,
	.token.tag,
	.token.boolean,
	.token.constant,
	.token.deleted {
		color: #c678dd;
	}

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

	.token.number {
		color: #d19a66;
	}

	.token.builtin,
	.token.class-name {
		color: #e6c07b;
	}

	.token.function,
	.token.selector,
	.token.attr-name {
		color: #61afef;
	}

	.token.variable,
	.token.property {
		color: #e06c75;
	}

	.token.symbol,
	.token.url {
		color: #56b6c2;
	}

	.token.operator,
	.token.punctuation {
		color: #abb2bf;
	}
}