/* AER LABS — highlight.js theme mapped to the Aurora "sugar-high" palette.
   Tokens read the --sh-* CSS custom properties defined in styles.css :root, so
   colors stay in one place. Pair with highlight.js 11.9.0. Drop-in replacement
   for a stock hljs theme (e.g. github.min.css) on any article using <pre><code>. */

.hljs {
  background: transparent;
  color: var(--sh-identifier);
}

/* keywords, builtins, language literals (true/false/null), keyword-like operators */
.hljs-keyword,
.hljs-built_in,
.hljs-literal,
.hljs-doctag,
.hljs-name,
.hljs-selector-tag {
  color: var(--sh-keyword);
}

/* strings */
.hljs-string,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-template-tag,
.hljs-addition {
  color: var(--sh-string);
}

/* class / type / titles */
.hljs-title,
.hljs-title.class_,
.hljs-class .hljs-title,
.hljs-type,
.hljs-title.class_.inherited__ {
  color: var(--sh-class);
}

/* comments */
.hljs-comment,
.hljs-quote {
  color: var(--sh-comment);
  font-style: italic;
}

/* numbers, symbols, properties, attributes, meta */
.hljs-number,
.hljs-symbol,
.hljs-bullet,
.hljs-attr,
.hljs-attribute,
.hljs-property,
.hljs-variable,
.hljs-variable.language_,
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: var(--sh-property);
}

/* function names + params (jsx-literal-ish accent) */
.hljs-function .hljs-title,
.hljs-function,
.hljs-params,
.hljs-template-variable,
.hljs-selector-id,
.hljs-selector-class {
  color: var(--sh-jsxliterals);
}

/* punctuation / operators / structural signs */
.hljs-punctuation,
.hljs-operator,
.hljs-tag,
.hljs-subst {
  color: var(--sh-sign);
}

/* diff deletions reuse the keyword red */
.hljs-deletion {
  color: var(--sh-keyword);
}

.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: 600; }
.hljs-link { text-decoration: underline; }