pre {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	color: #333;
}

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

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
	color: #333;
	font-weight: bold;
}

.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
	color: #008080;
}

.hljs-string,
.hljs-doctag {
	color: #d14;
}

.hljs-title,
.hljs-section,
.hljs-selector-id {
	color: #900;
	font-weight: bold;
}

.hljs-subst {
	font-weight: normal;
}

.hljs-type,
.hljs-class .hljs-title {
	color: #458;
	font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
	color: #000080;
	font-weight: normal;
}

.hljs-regexp,
.hljs-link {
	color: #009926;
}

.hljs-symbol,
.hljs-bullet {
	color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
	color: #0086b3;
}

.hljs-meta {
	color: #999;
	font-weight: bold;
}

.hljs-deletion {
	background: #fdd;
}

.hljs-addition {
	background: #dfd;
}

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

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

/* Dark mode overrides - ensure accessible colors on dark backgrounds */
@media (prefers-color-scheme: dark) {
	pre {
		color: #e0e0e0;
	}

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

	.hljs-keyword,
	.hljs-selector-tag,
	.hljs-subst {
		color: #60a5fa;
		font-weight: bold;
	}

	.hljs-number,
	.hljs-literal,
	.hljs-variable,
	.hljs-template-variable,
	.hljs-tag .hljs-attr {
		color: #34d399;
	}

	.hljs-string,
	.hljs-doctag {
		color: #fbbf24;
	}

	.hljs-title,
	.hljs-section,
	.hljs-selector-id {
		color: #60a5fa;
		font-weight: bold;
	}

	.hljs-type,
	.hljs-class .hljs-title {
		color: #a78bfa;
		font-weight: bold;
	}

	.hljs-tag,
	.hljs-name,
	.hljs-attribute {
		color: #60a5fa;
		font-weight: normal;
	}

	.hljs-regexp,
	.hljs-link {
		color: #34d399;
	}

	.hljs-symbol,
	.hljs-bullet {
		color: #f472b6;
	}

	.hljs-built_in,
	.hljs-builtin-name {
		color: #38bdf8;
	}

	.hljs-meta {
		color: #9ca3af;
		font-weight: bold;
	}

	.hljs-deletion {
		background: rgba(239, 68, 68, 0.2);
	}

	.hljs-addition {
		background: rgba(34, 197, 94, 0.2);
	}
}