/* ==============================
   Santafé Monokai (CodeMirror-like)
   ============================== */

/* base */
pre[class*="language-"], code[class*="language-"] {
  font-family: ui-monospace, monospace;
  font-size: 14px;
  line-height: 1.45;
}

pre[class*="language-"]{
  background: #302e1f;
  color: #f8f8f2;
  margin: 0;
  padding: 14px;
  overflow: auto;
}



/* Comentários gerais */
pre code .token.comment{
  opacity: .78;            /* mais “doc” */
  font-style: italic;
}

/* Linha de saída “docs” */
pre code .token.doc-output{
  display: inline-block;   /* não quebra indentação */
  padding: 2px 10px;
  margin: 6px 0 0 0;
  border-radius: 999px;
  opacity: 1;
  font-style: normal;
  background: rgba(102, 217, 239, .10); /* ciano suave (Monokai-friendly) */
  border: 1px solid rgba(102, 217, 239, .20);
}

/* Só o “-- saída:” como etiqueta forte */
pre code .token.doc-output .token.output-label{
  font-weight: 900;
  opacity: .6;
  color: #47fa72;
}

pre code .token.comment.sf-doc-saida{
  display: inline-block;
  padding: .10em .45em;
  border-radius: .6em;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  font-style: normal;
  opacity: 1;
}

/* seu modo editor */
.sf-editor {
  background: #272822;
  border-radius: 10px;
}
.sf-editor .sf-highlight,
.sf-editor .sf-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 16px; /* evita zoom no mobile */
  line-height: 1.45;
}
.sf-editor .sf-input { caret-color: #f8f8f2; }
.sf-editor .sf-input::selection { background: rgba(255,255,255,.22); }

/* tokens (Prism) */
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata { color: #75715E; }

.token.punctuation { color: #f8f8f2; }

.token.constant,
.token.number,
.token.boolean { color: #AE81FF; }

.token.string,
.token.char,
.token.attr-value { color: #E6DB74; }

.token.keyword { color: #F92672; }          /* padrão monokai (rosa) */
.token.operator { color: #F92672; }         /* monokai (rosa) */

/* ======= Ajustes “CodeMirror monokai” que você mandou ======= */
.token.def { color: #a6e22e !important; }                 /* cm-def */
.token.variable-2 { color: #fd971f !important; }          /* cm-variable-2 */
.token.variable-3 { color: #66d9ef !important; }          /* cm-variable-3 */
.token.string-2 { color: #e6db74 !important; }            /* cm-string-2 */
.token.builtin { color: #66d9ef !important; font-style: normal !important; } /* cm-builtin */

/* função-keyword (função) em azul e itálico */
.token.keyword-func { color: #66d9ef !important; font-style: italic !important; }

/* extras úteis */
.token.function { color: #A6E22E; }
.token.namespace { color: #66D9EF; }
.token.property,
.token.attr-name,
.token.tag { color: #A6E22E; }