/**
 * xonokai theme for JavaScript, CSS and HTML
 * based on: https://github.com/MoOx/sass-prism-theme-base by Maxime Thirouin ~ MoOx --> http://moox.fr/ , which is Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * license: MIT; http://moox.mit-license.org/
 * Copied from  https://github.com/PrismJS/prism-themes/blob/master/themes/prism-duotone-forest.css
 */
:root {
  --code-c-text: #76d9e6;
  --code-c-bg: #2a2a2a;
  --code-c-highlight-bg: #373232;
  --code-c-line-number: rgba(118, 217, 230, 0.67);
}

div[class*=language-] pre {
  box-shadow: 1px 1px 0.3em -0.1em #000 inset;
  tab-size: 2;
}
div[class*=language-] pre ::selection {
  background: #435643;
}

.token.namespace {
  opacity: 0.7;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #6f705e;
}

.token.operator,
.token.boolean,
.token.number {
  color: #a77afe;
}

.token.attr-name,
.token.string {
  color: #e6d06c;
}

.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #e6d06c;
}

.token.selector,
.token.inserted {
  color: #a6e22d;
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.important,
.token.deleted {
  color: #ef3b7d;
}

.token.regex,
.token.statement {
  color: #76d9e6;
}

.token.placeholder,
.token.variable {
  color: #fff;
}

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

.token.punctuation {
  color: #bebec5;
}

.token.entity {
  cursor: help;
}

.token.italic {
  font-style: italic;
}

.language-markup {
  color: #f9f9f9;
}

.language-markup .token.tag {
  color: #ef3b7d;
}

.language-markup .token.attr-name {
  color: #a6e22d;
}

.language-markup .token.attr-value {
  color: #e6d06c;
}

.language-markup .token.style,
.language-markup .token.script {
  color: #76d9e6;
}

.language-markup .token.script .token.keyword {
  color: #76d9e6;
}