:root {
    --syntax-comment: #8b949e;
    --syntax-keyword: #ff7b72;
    --syntax-string: #a5d6ff;
    --syntax-number: #79c0ff;
    --syntax-name: #d2a8ff;
    --syntax-variable: #ffa657;
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme]) {
        --syntax-comment: #6e7781;
        --syntax-keyword: #cf222e;
        --syntax-string: #0a3069;
        --syntax-number: #0550ae;
        --syntax-name: #8250df;
        --syntax-variable: #953800;
    }
}

:root[data-theme="light"] {
    --syntax-comment: #6e7781;
    --syntax-keyword: #cf222e;
    --syntax-string: #0a3069;
    --syntax-number: #0550ae;
    --syntax-name: #8250df;
    --syntax-variable: #953800;
}

.highlight .c,
.highlight .c1,
.highlight .cm,
.highlight .cs { color: var(--syntax-comment); font-style: italic; }
.highlight .k,
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .kt,
.highlight .o,
.highlight .ow { color: var(--syntax-keyword); }
.highlight .s,
.highlight .s1,
.highlight .s2,
.highlight .sa,
.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .se,
.highlight .sh,
.highlight .si,
.highlight .sr,
.highlight .ss,
.highlight .sx { color: var(--syntax-string); }
.highlight .m,
.highlight .mb,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo { color: var(--syntax-number); }
.highlight .na,
.highlight .nb,
.highlight .nc,
.highlight .nd,
.highlight .ne,
.highlight .nf,
.highlight .nl,
.highlight .nn,
.highlight .nt { color: var(--syntax-name); }
.highlight .bp,
.highlight .no,
.highlight .nv,
.highlight .vc,
.highlight .vg,
.highlight .vi { color: var(--syntax-variable); }