// --------------------------------------------------------------------------------
// Block: Code
// --------------------------------------------------------------------------------
code.block {
	background: $theme-code-background;
	display: block;
	padding: .25rem;
	font-family: monospace;
	font-size: 0.9em;
	min-height: 10em;
	height: 20em;
	line-height: 1.25em;
	white-space: pre;
	overflow: auto;
	resize: vertical;
}

// --------------------------------------------------------------------------------
// Inline: Code
// --------------------------------------------------------------------------------
code {
	margin: 0;
	padding: .05rem .25em;
	background: $theme-code-background;
	font-family: monospace;
	font-size: 1em;
	line-height: 1.25em;
	white-space: normal;
}

// --------------------------------------------------------------------------------
// Highlight.JS
// --------------------------------------------------------------------------------
.hljs,
.hljs-params {
	color: $theme-content-color;
}

.hljs-comment {
	color: oklch(50% 0 0);
}

.hljs-literal,
.hljs-number,
.hljs-string {
	color: oklch(60% 0.2081 263);
}

.hljs-keyword {
	color: oklch(50% 0.15 305);
}

.hljs-function,
.hljs-title.function_ {
	color: oklch(70% 0.163 59);
}

.hljs-variable.language_,
.hljs-property {
	color: oklch(80% 0.149 177);
}

.hljs-title.class_ {
	color: oklch(57% 0.15 153);

}