/* Adapted from PrismJS 1.30.0 Tomorrow Night theme
	https://prismjs.com/download
*/
code,
pre,
code[class*=language-],
pre[class*=language-] {
	font-family: var(--font-family-code);
	background-color: var(--color-bg-alt);
	font-size: .9em;
	text-shadow: 0 1px var(--color-shadow);
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre,
pre[class*=language-] {
	margin: 1rem 0;
	padding: 1rem;
	line-height: 1.5;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: break-word;
	border-radius: .5rem;
	overflow: auto;
}

:not(pre)>code,
:not(pre)>code[class*=language-] {
	padding: .2rem;
	border-radius: .25rem;
	white-space: normal;
}

/* Selected text */
code ::-moz-selection,
code::-moz-selection,
pre ::-moz-selection,
pre::-moz-selection,
code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection,
code ::selection,
code::selection,
pre ::selection,
pre::selection,
code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
	text-shadow: none;
	background-color: var(--color-bg);
}

/* Syntax highlighting */
.token.namespace {
	opacity: .7;
}

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

.token.italic {
	font-style:italic
}

.token.block-comment,
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog,
.token.punctuation {
	color: var(--color-grey);
}

.token.attr-name,
.token.deleted,
.token.namespace,
.token.tag {
	color: var(--color-red);
}

.token.boolean,
.token.function,
.token.number {
	color: var(--color-orange);
}

.token.class-name,
.token.constant,
.token.property,
.token.symbol {
	color: var(--color-yellow);
}

.token.attr-value,
.token.char,
.token.regex,
.token.string,
.token.variable,
.token.inserted {
	color: var(--color-green);
}

.token.entity,
.token.operator,
.token.url,
.token.function-name {
	color:var(--color-blue);
}

.token.atrule,
.token.builtin,
.token.important,
.token.keyword,
.token.selector {
	color: var(--color-purple);
}
