/* http://prismjs.com/download.html?themes=prism-funky&languages=markup+css+clike+javascript&plugins=unescaped-markup+normalize-whitespace */
/**
 * prism.js Funky theme
 * Based on “Polyfilling the gaps” talk slides https://lea.verou.me/polyfilling-the-gaps/
 * @author Lea Verou
 */

.token.comment,
.token.doctype,
.token.cdata {
	color: hsla(220, 10%, 90%, .5);
}

.token.prolog {
	font-weight: bold;
	color: inherit;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol {
	color: var(--accent4-light); /* yellowgreen */
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin {
	color: var(--accent1-light); /* deep pink */
}

.token.operator,
.token.entity,
.token.url,
.language-css > .token.string,
.token.inserted,
.token.function {
	color: var(--accent3-light);
}

.token.attr-value,
.token.keyword,
.token.variable {
	color: gold;
}

:is(.light,.white.slide,.notes) .token.property,
	:is(.light,.white.slide,.notes) .token.tag,
	:is(.light,.white.slide,.notes) .token.boolean,
	:is(.light,.white.slide,.notes) .token.number,
	:is(.light,.white.slide,.notes) .token.constant,
	:is(.light,.white.slide,.notes) .token.symbol {
		color: var(--accent4); /* yellowgreen */
	}

:is(.light,.white.slide,.notes) .token.selector,
	:is(.light,.white.slide,.notes) .token.attr-name,
	:is(.light,.white.slide,.notes) .token.string,
	:is(.light,.white.slide,.notes) .token.char,
	:is(.light,.white.slide,.notes) .token.builtin {
		color: var(--accent1); /* deep pink */
	}

:is(.light,.white.slide,.notes) .token.operator,
	:is(.light,.white.slide,.notes) .token.entity,
	:is(.light,.white.slide,.notes) .token.url,
	:is(.light,.white.slide,.notes) .language-css > .token.string,
	:is(.light,.white.slide,.notes) .token.inserted,
	:is(.light,.white.slide,.notes) .token.function {
		color: var(--accent3);
	}

:is(.light,.white.slide,.notes) .token.attr-value,
	:is(.light,.white.slide,.notes) .token.keyword,
	:is(.light,.white.slide,.notes) .token.variable {
		color: var(--accent2);
	}





.token.atrule,
.token.regex,
.token.important {
	color: orange;
}

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

.token.entity {
	cursor: help;
}

.token.deleted {
	color: red;
}

/* Fallback, in case JS does not run, to ensure the code is at least visible */
.lang-markup script[type='text/plain'],
.language-markup script[type='text/plain'],
script[type='text/plain'].lang-markup,
script[type='text/plain'].language-markup {
	display: block;
	font: 100% Consolas, Monaco, monospace;
	white-space: pre;
	overflow: auto;
}