:root {
    --pink: #f0167d;
    --dark-pink: #a42655;
    --cyan: #78f1a2;
    --dark-cyan: #1e8f43;
    --gray: #8c8c8c;
}

code .string,
code .number {
    color: var(--pink);
}

code .comment {
    color: var(--dark-pink);
}

code .string::selection,
code .number::selection {
    background-color: var(--cyan);
    color: var(--colour-background);
}

code .comment::selection {
    background-color: var(--dark-pink);
    color: var(--colour-background);
}

code .constant.variable.function {
    font-weight: bold;
    font-style: normal;
}

code .variable,
code.bash .property {
    font-style: italic;
}

code .delimiter {
    color: var(--gray);
}

@media (prefers-color-scheme: light) {
    code .string::selection,
    code .number::selection {
        color: black;
    }
}