/*
 * An increased contrast highlighting scheme loosely based on the
 * "Base16 Atelier Dune Light" theme by Bram de Haan
 * (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune)
 * Original Base16 color scheme by Chris Kempson
 * (https://github.com/chriskempson/base16)
 */

.hljs {
  display: block;
  overflow-x: auto;
  border-radius: 5px;
}

/* themes from https://github.com/catppuccin/mdbook */

/* Grey */
.latte code .hljs-punctuation,
.latte code .hljs-comment,
.latte code .hljs-quote {
  color: #777676;
}

/* Red */
.latte code .hljs-variable,
.latte code .hljs-template-variable,
.latte code .hljs-attribute,
.latte code .hljs-tag,
.latte code .hljs-regexp,
.latte code .hljs-link,
.latte code .hljs-name,
.latte code .hljs-selector-id,
.latte code .hljs-params,
.latte code .hljs-selector-class {
  color: #d70025;
}

/* Orange */
.latte code .hljs-number,
.latte code .hljs-built_in,
.latte code .hljs-builtin-name,
.latte code .hljs-symbol,
.latte code .hljs-literal {
  color: #fe640b;
}

/* Green */
.latte code .hljs-string,
.latte code .hljs-meta,
.latte code .hljs-bullet {
  /* color: #008200; */
  color: rgb(53, 185, 53);
}

/* Blue */
.latte code .hljs-title,
.latte code .hljs-type,
.latte code .hljs-section {
  color: #1e66f5;
}

/* Purple */
.latte code .hljs-operator,
.latte code .hljs-keyword,
.latte code .hljs-selector-tag {
  color: #755e91;
}

.latte code.hljs {
  background: #e6e9ef;
}
.latte code .hljs {
  color: #2a2c3a;
}


.latte code .hljs-emphasis {
  font-style: italic;
}

.latte code .hljs-strong {
  font-weight: bold;
}

.latte code .hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}

.latte code .hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
}



.mocha code.hljs {
  background: #181825;
}
.mocha code .hljs {
  color: #cdd5f4;
}

.mocha code .hljs-keyword {
  color: #cba6f7;
}
.mocha code .hljs-built_in {
  color: #f38ba8;
}
.mocha code .hljs-type {
  color: #f9e2af;
}
.mocha code .hljs-literal {
  color: #fab387;
}
.mocha code .hljs-number {
  color: #fab387;
}
.mocha code .hljs-operator {
  color: #94e2d5;
}
.mocha code .hljs-punctuation {
  color: #bac2de;
}
.mocha code .hljs-property {
  color: #94e2d5;
}
.mocha code .hljs-regexp {
  color: #f5c2e7;
}
.mocha code .hljs-string {
  color: #a6e3a1;
}
.mocha code .hljs-char.escape_ {
  color: #a6e3a1;
}
.mocha code .hljs-subst {
  color: #a6adc8;
}
.mocha code .hljs-symbol {
  color: #f2cdcd;
}
.mocha code .hljs-variable {
  color: #cba6f7;
}
.mocha code .hljs-variable.language_ {
  color: #cba6f7;
}
.mocha code .hljs-variable.constant_ {
  color: #fab387;
}
.mocha code .hljs-title {
  color: #89b4fa;
}
.mocha code .hljs-title.class_ {
  color: #f9e2af;
}
.mocha code .hljs-title.function_ {
  color: #89b4fa;
}
.mocha code .hljs-params {
  color: #cdd6f4;
}
.mocha code .hljs-comment {
  color: #585b70;
}
.mocha code .hljs-doctag {
  color: #f38ba8;
}
.mocha code .hljs-meta {
  color: #fab387;
}
.mocha code .hljs-section {
  color: #89b4fa;
}
.mocha code .hljs-tag {
  color: #a6adc8;
}
.mocha code .hljs-name {
  color: #cba6f7;
}
.mocha code .hljs-attr {
  color: #89b4fa;
}
.mocha code .hljs-attribute {
  color: #a6e3a1;
}
.mocha code .hljs-bullet {
  color: #94e2d5;
}
.mocha code .hljs-code {
  color: #a6e3a1;
}
.mocha code .hljs-emphasis {
  color: #f38ba8;
  font-style: italic;
}
.mocha code .hljs-strong {
  color: #f38ba8;
  font-weight: bold;
}
.mocha code .hljs-formula {
  color: #94e2d5;
}
.mocha code .hljs-link {
  color: #74c7ec;
  font-style: italic;
}
.mocha code .hljs-quote {
  color: #a6e3a1;
  font-style: italic;
}
.mocha code .hljs-selector-tag {
  color: #f9e2af;
}
.mocha code .hljs-selector-id {
  color: #89b4fa;
}
.mocha code .hljs-selector-class {
  color: #94e2d5;
}
.mocha code .hljs-selector-attr {
  color: #cba6f7;
}
.mocha code .hljs-selector-pseudo {
  color: #94e2d5;
}
.mocha code .hljs-template-tag {
  color: #f2cdcd;
}
.mocha code .hljs-template-variable {
  color: #f2cdcd;
}
.mocha code .hljs-diff-addition {
  color: #a6e3a1;
  background: rgba(166, 227, 161, 0.15);
}
.mocha code .hljs-diff-deletion {
  color: #f38ba8;
  background: rgba(243, 139, 168, 0.15);
}