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

/* Base: ensure hljs doesn't override existing code block background */
.hljs {
	background: transparent;
}

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

.hljs-comment,
.hljs-quote {
	color: #a0a1a7;
	font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-meta .hljs-keyword {
	color: #a626a4;
}

.hljs-string,
.hljs-attr,
.hljs-addition {
	color: #50a14f;
}

.hljs-number,
.hljs-literal {
	color: #986801;
}

.hljs-built_in,
.hljs-type,
.hljs-params {
	color: #c18401;
}

.hljs-title,
.hljs-title.class_,
.hljs-title.function_ {
	color: #4078f2;
}

.hljs-variable,
.hljs-template-variable {
	color: #e45649;
}

.hljs-name,
.hljs-tag {
	color: #e45649;
}

.hljs-attribute {
	color: #986801;
}

.hljs-selector-class,
.hljs-selector-id {
	color: #4078f2;
}

.hljs-meta,
.hljs-meta .hljs-string {
	color: #4078f2;
}

.hljs-deletion {
	color: #e45649;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link {
	color: #0184bc;
}

.hljs-section {
	color: #4078f2;
	font-weight: 700;
}

.hljs-emphasis {
	font-style: italic;
}

.hljs-strong {
	font-weight: 700;
}

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

@media (prefers-color-scheme: dark) {
	.hljs-comment,
	.hljs-quote {
		color: #5c6370;
		font-style: italic;
	}

	.hljs-keyword,
	.hljs-selector-tag,
	.hljs-meta .hljs-keyword {
		color: #c678dd;
	}

	.hljs-string,
	.hljs-attr,
	.hljs-addition {
		color: #98c379;
	}

	.hljs-number,
	.hljs-literal {
		color: #d19a66;
	}

	.hljs-built_in,
	.hljs-type,
	.hljs-params {
		color: #e6c07b;
	}

	.hljs-title,
	.hljs-title.class_,
	.hljs-title.function_ {
		color: #61afef;
	}

	.hljs-variable,
	.hljs-template-variable {
		color: #e06c75;
	}

	.hljs-name,
	.hljs-tag {
		color: #e06c75;
	}

	.hljs-attribute {
		color: #d19a66;
	}

	.hljs-selector-class,
	.hljs-selector-id {
		color: #61afef;
	}

	.hljs-meta,
	.hljs-meta .hljs-string {
		color: #61afef;
	}

	.hljs-deletion {
		color: #e06c75;
	}

	.hljs-symbol,
	.hljs-bullet,
	.hljs-link {
		color: #56b6c2;
	}

	.hljs-section {
		color: #61afef;
		font-weight: 700;
	}
}