/* Prism.js Cappuccino Theme */
:root {
  --prism-text: #5C3D2E;
  --prism-bg: #F0E8DF;
  --prism-border: #D4B896;
  --prism-comment: #9C8574;
  --prism-punct: #7A6455;
  --prism-number: #A0522D;
  --prism-string: #6B8E23;
  --prism-operator: #8B5E3C;
  --prism-keyword: #8B4513;
  --prism-function: #6B3F1F;
  --prism-variable: #B8630A;
}

[data-theme="dark"] {
  --prism-text: #C9A882;
  --prism-bg: #241C16;
  --prism-border: #3D2E22;
  --prism-comment: #7A6B5E;
  --prism-punct: #9C8A78;
  --prism-number: #D4915A;
  --prism-string: #A3B86C;
  --prism-operator: #C49A6C;
  --prism-keyword: #D4915A;
  --prism-function: #DEBD96;
  --prism-variable: #E0A050;
}

code[class*="language-"],
pre[class*="language-"] {
  color: var(--prism-text);
  background: var(--prism-bg);
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 0.82em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  tab-size: 2;
  hyphens: none;
}

pre[class*="language-"] {
  padding: 1rem;
  margin: 0 0 1rem;
  overflow: auto;
  border: 1px solid var(--prism-border);
  border-radius: 4px;
}

:not(pre) > code[class*="language-"] {
  padding: 0.15em 0.35em;
  border-radius: 3px;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: var(--prism-comment);
  font-style: italic;
}

.token.punctuation { color: var(--prism-punct); }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted { color: var(--prism-number); }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted { color: var(--prism-string); }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string { color: var(--prism-operator); }

.token.atrule,
.token.attr-value,
.token.keyword { color: var(--prism-keyword); font-weight: bold; }

.token.function,
.token.class-name { color: var(--prism-function); }

.token.regex,
.token.important,
.token.variable { color: var(--prism-variable); }

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