/**
 * Prism Essence Theme, based on Material Theme.
 *
 * Author: Leo Nguyen
 */
$prism-bg: hsl(220, 25%, 25%);
$prism-gray: hsl(230, 40%, 70%);
$prism-red: hsl(0, 100%, 80%);
$prism-orange: hsl(15, 90%, 70%);
$prism-yellow: hsl(50, 100%, 75%);
$prism-green: hsl(100, 80%, 80%);
$prism-cyan: hsl(200, 100%, 80%);
$prism-blue: hsl(230, 100%, 80%);
$prism-purple: hsl(275, 100%, 80%);

pre {
  margin: 0.5rem 0 1rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: $prism-bg;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1rem;
  line-height: 1.5;
  overflow: auto;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  hyphens: none;

  code {
    padding: 0;
    color: #fff;
    background: $prism-bg;

  }
}

/* Purple (keyword) */
.token.keyword,
.token.important,
.token.builtin,
.token.atrule {
  color: $prism-purple;
}

/* Yellow (entity, class) */
.token.entity,
.token.class,
.token.name,
.token.class-name,
.token.package,
.token.scope,
.token.attr-name {
  color: $prism-yellow;
}

/* Blue (function) */
.token.function-name,
.token.function {
  color: $prism-blue;
}

/* Red (tag) */
.token.tag,
.token.namespace,
.token.selector,
.token.deleted {
  color: $prism-red;
}

/* Green (string, attribute) */
.token.string,
.token.char,
.token.property,
.token.attr-value,
.token.regex {
  color: $prism-green;
}

/* Orange (number, literal) */
.token.number,
.token.boolean,
.token.constant {
  color: $prism-orange;
}

/* Cyan (sign) */
.token.symbol,
.token.punctuation,
.token.operator,
.token.url,
.token.unit,
.token.hexcode,
.token.doctype-tag {
  color: $prism-cyan;
}

/* White (variable, CSS pseudo class) */
.token.variable,
.token.pseudo-class {
  color: #fff;
}

/* Gray (comment) */
.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: $prism-gray;
}

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

.token.entity {
  cursor: help;
}

.token.inserted {
  color: green;
}