:root {
    --syntax-primary: #1971a8;
    --syntax-secondary: #008c6a;

    --syntax1: #FFFFFF;
    --syntax2: #ffffff00;
    --syntax3: #D9D7D5;
    --syntax4: #ECECEC;
    --syntax5: #F5F5F5;
    --syntax6: #282828;
    --syntax7: #565456;
    --syntax8: #C7C6C5;
    --syntax9: #A6A6A6;
    --syntax10: #242424;
    --syntax11: #EEF5FE;
    --syntax12: #82ADF3;
    --syntax13: #3C93FD;
    --syntax14: #CECECE;
    --syntax15: #353740;
    --syntax16: #e62c7a;
    --syntax17: #007400;
    --syntax18: #643820;
    --syntax19: #272AD8;
    --syntax20: #AA0D91;
    --syntax21: #3F6E74;
    --syntax23: #536579;
    --syntax24: var(--syntax-primary);
    --syntax26: #816927;
    --syntax27: var(--syntax-secondary);
}

[data-color-scheme="dark"] {
}
@media (prefers-color-scheme: dark) {
    :root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) {
    }
}

[data-color-scheme="dark"] {
    --syntax1: #353740;
    --syntax2: #353740;
    --syntax15: #fff;
    --syntax19: var(--syntax-primary);
    --syntax27: var(--syntax-secondary);
}

/* System Dark Mode Support */
@media (prefers-color-scheme: dark) {
    :root:not([data-color-scheme="light"]):not([data-color-scheme="dark"]) {
        --syntax1: #353740;
        --syntax2: #353740;
        --syntax15: #fff;
        --syntax19: var(--syntax-primary);
        --syntax27: var(--syntax-secondary);
    }
}