/**
 * Kolorowanie kodu dla highlight.js - barwy motywu GitHub.
 *
 * Wczesniej byly tu dwa zestawy regul: zminifikowany motyw jasny z wpisanym
 * na sztywno background:#fff oraz dopisany blok @media dla ciemnego. Przy
 * przelaczniku motywu to nie wystarcza - wybor recznymi nie przestawialby
 * kolorowania kodu. Teraz jest jeden zestaw regul na tokenach, a same barwy
 * siedza w template.css razem z reszta palety (--hl-*).
 */

pre code.hljs { display: block; overflow-x: auto; padding: 0; }
code.hljs     { padding: 3px 5px; }

.hljs { color: var(--hl-tekst); background: none; }

.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_        { color: var(--hl-slowo); }

.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_           { color: var(--hl-tytul); }

.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-variable                  { color: var(--hl-liczba); }

.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string                    { color: var(--hl-napis); }

.hljs-built_in,
.hljs-symbol                    { color: var(--hl-wbudowane); }

.hljs-code,
.hljs-comment,
.hljs-formula                   { color: var(--hl-komentarz); }

.hljs-name,
.hljs-quote,
.hljs-selector-pseudo,
.hljs-selector-tag              { color: var(--hl-nazwa); }

.hljs-subst                     { color: var(--hl-tekst); }
.hljs-section                   { color: var(--hl-liczba); font-weight: 700; }
.hljs-bullet                    { color: var(--hl-punktor); }
.hljs-emphasis                  { color: var(--hl-tekst); font-style: italic; }
.hljs-strong                    { color: var(--hl-tekst); font-weight: 700; }

.hljs-addition {
    color: var(--hl-dodane);
    background-color: var(--hl-dodane-tlo);
}
.hljs-deletion {
    color: var(--hl-usuniete);
    background-color: var(--hl-usuniete-tlo);
}