/* Webshape Code Challenges: VS Code "Dark+" token colours for CodeMirror.
   Shared by the front-end editor (#wcc-app) and the admin "Submitted code" blocks. */
/* Token colours (Dark+). */
.cm-s-wcc-dark .cm-comment { color: #6a9955; font-style: italic; }
.cm-s-wcc-dark .cm-string, .cm-s-wcc-dark .cm-string-2 { color: #ce9178; }
.cm-s-wcc-dark .cm-number { color: #b5cea8; }
.cm-s-wcc-dark .cm-atom { color: #569cd6; }
.cm-s-wcc-dark .cm-keyword { color: #c586c0; }
.cm-s-wcc-dark .cm-meta { color: #569cd6; }
.cm-s-wcc-dark .cm-def { color: #dcdcaa; }
.cm-s-wcc-dark .cm-variable { color: #dcdcaa; }
.cm-s-wcc-dark .cm-variable-2 { color: #9cdcfe; }
.cm-s-wcc-dark .cm-variable-3, .cm-s-wcc-dark .cm-type { color: #4ec9b0; }
.cm-s-wcc-dark .cm-operator { color: #d4d4d4; }
.cm-s-wcc-dark .cm-punctuation { color: #d4d4d4; }
.cm-s-wcc-dark .cm-bracket { color: #808080; }
.cm-s-wcc-dark .cm-error { color: #f44747; }
/* HTML */
.cm-s-wcc-dark .cm-tag { color: #569cd6; }
.cm-s-wcc-dark .cm-tag.cm-bracket { color: #808080; }
.cm-s-wcc-dark .cm-attribute { color: #9cdcfe; }
/* CSS: selectors gold, properties light blue, values orange */
.wcc-mode-css.cm-s-wcc-dark .cm-tag, .wcc-mode-css.cm-s-wcc-dark .cm-qualifier, .wcc-mode-css.cm-s-wcc-dark .cm-builtin { color: #d7ba7d; }
.wcc-mode-css.cm-s-wcc-dark .cm-property { color: #9cdcfe; }
.wcc-mode-css.cm-s-wcc-dark .cm-keyword, .wcc-mode-css.cm-s-wcc-dark .cm-atom, .wcc-mode-css.cm-s-wcc-dark .cm-variable { color: #ce9178; }
.wcc-mode-css.cm-s-wcc-dark .cm-variable-3, .wcc-mode-css.cm-s-wcc-dark .cm-type { color: #ce9178; }
.wcc-mode-css.cm-s-wcc-dark .cm-def { color: #9cdcfe; }
/* PHP: keywords blue, $vars light blue, functions yellow */
.wcc-mode-php.cm-s-wcc-dark .cm-keyword { color: #569cd6; }
.wcc-mode-php.cm-s-wcc-dark .cm-variable-2 { color: #9cdcfe; }
.wcc-mode-php.cm-s-wcc-dark .cm-property { color: #9cdcfe; }
/* CSS embedded in HTML uses the CSS palette */
.wcc-mode-html.cm-s-wcc-dark .cm-property { color: #9cdcfe; }
.wcc-mode-html.cm-s-wcc-dark .cm-qualifier, .wcc-mode-html.cm-s-wcc-dark .cm-builtin { color: #d7ba7d; }

/* ---- Admin: static highlighted code blocks (CodeMirror.runMode) ---- */
.wcc-code.cm-s-wcc-dark {
  display: block; margin: 8px 14px 12px; padding: 12px 16px; border-radius: 8px; overflow: auto; tab-size: 2;
  background: #1e1e1e; color: #d4d4d4; font-family: Menlo, Consolas, "SF Mono", ui-monospace, monospace;
  font-size: 12.5px; line-height: 1.7; white-space: pre-wrap; word-break: break-word;
}
.wcc-code.cm-s-wcc-dark .wcc-ln { display: inline-block; width: 2.2em; margin-right: 1em; text-align: right; color: #6e7681; user-select: none; }