.site-content .highlight {
    --syntax-comment: #6a737d;
    --syntax-keyword: #d73a49;
    --syntax-string: #032f62;
    --syntax-number: #005cc5;
    --syntax-name: #6f42c1;

    margin: 1.5rem 0;
    font-size: 1rem;

    pre {
        margin: 0;
    }

    :is(.c, .c1, .cm) {
        color: var(--syntax-comment);
        font-style: italic;
    }

    :is(.k, .kc, .kd, .kn, .kp, .kr) {
        color: var(--syntax-keyword);
    }

    :is(.s, .s1, .s2, .ss, .sx) {
        color: var(--syntax-string);
    }

    :is(.m, .mi, .mf) {
        color: var(--syntax-number);
    }

    :is(.na, .nb, .nc, .nf) {
        color: var(--syntax-name);
    }
}

@media(prefers-color-scheme: dark) {
    .site-content .highlight {
        --syntax-comment: #8b949e;
        --syntax-keyword: #ff7b72;
        --syntax-string: #a5d6ff;
        --syntax-number: #79c0ff;
        --syntax-name: #d2a8ff;
    }
}