/* Based on the Dracula theme with colours from the Flexoki theme.
 * Flexoki: https://stephango.com/flexoki
 * Dracula: https://draculatheme.com
 */

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: var(--bg-2);
}

.hljs-built_in,
.hljs-selector-tag,
.hljs-section,
.hljs-link {
    color: var(--cy);
}

.hljs-keyword {
    color: var(--ma);
}

.hljs,
.hljs-subst {
    color: var(--tx);
}

.hljs-title,
.hljs-attr,
.hljs-meta-keyword {
    font-style: italic;
    color: var(--gr);
}

.hljs-string,
.hljs-meta,
.hljs-name,
.hljs-type,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
    color: var(--ye);
}

.hljs-comment,
.hljs-quote,
.hljs-deletion {
    color: var(--tx-2);
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
    font-weight: bold;
}

.hljs-literal,
.hljs-number {
    color: var(--bl);
}

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