/*
 * highlight.js theme matching the DSL EDITOR in light mode.
 *
 * In light mode the editor ships no CodeMirror theme at all, so it renders with
 * @codemirror/language's defaultHighlightStyle. This file reproduces that, so
 * the read-only viewer and the editor agree in both themes.
 *
 * Colours are MEASURED from the running editor, not assumed:
 *
 *   background  rgb(255,255,255)          the wrapper; .cm-editor is transparent
 *   foreground  rgb(51,65,85)   #334155   inherited, not set by the highlighter
 *   `do`/`end`  rgb(119,0,136)  #708      keyword
 *   `:welcome`  rgb(34,17,153)  #219      atom / bool / symbol
 *   `"text"`    rgb(170,17,17)  #a11      string
 *   `Inquirex`  rgb(0,136,85)   #085      typeName / namespace
 *
 * The remaining entries come from defaultHighlightStyle for tokens the sample
 * DSL happens not to contain (numbers, comments, regexps). Deliberately NO
 * background/colour override on `.hljs` itself: the editor leaves both to the
 * surrounding surface, so the viewer does too and the two match on any card.
 */

.hljs {
  background: transparent;
}

/* comment */
.hljs-comment,
.hljs-quote {
  color: #940;
}

/* meta */
.hljs-meta {
  color: #404740;
}

/* keyword */
.hljs-keyword,
.hljs-selector-tag,
.hljs-doctag {
  color: #708;
}

/* atom, bool, url, labelName — Ruby symbols land here */
.hljs-symbol,
.hljs-literal,
.hljs-bullet {
  color: #219;
}

/* literal, inserted — numbers */
.hljs-number,
.hljs-addition {
  color: #164;
}

/* string, deleted */
.hljs-string,
.hljs-deletion {
  color: #a11;
}

/* regexp, escape, special string */
.hljs-regexp,
.hljs-char.escape_,
.hljs-subst {
  color: #e40;
}

/* typeName, namespace */
.hljs-type,
.hljs-section {
  color: #085;
}

/* className */
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #167;
}

/* definition(variableName) — function names */
.hljs-title.function_,
.hljs-function .hljs-title {
  color: #00f;
}

/* special(variableName), macroName */
.hljs-built_in {
  color: #256;
}

/* definition(propertyName) */
.hljs-attr,
.hljs-attribute,
.hljs-property {
  color: #00c;
}

/* local(variableName) */
.hljs-variable,
.hljs-template-variable {
  color: #30a;
}

/* invalid */
.hljs-name,
.hljs-tag,
.hljs-selector-id,
.hljs-selector-class {
  color: #219;
}

.hljs-link {
  text-decoration: underline;
}

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

.hljs-strong {
  font-weight: 700;
}