@media screen and (prefers-color-scheme: light) {
    :root:root {
        --color-background: #ffffff;
        --color-foreground: #1e1e1e;
        --color-accent: #218cff;

        --color-canvas-gray: #7E7E7E;
        --color-canvas-red: #FB464C;
        --color-canvas-orange: #E9973F;
        --color-canvas-yellow: #E0DE71;
        --color-canvas-green: #44CF6E;
        --color-canvas-blue: #53DFDD;
        --color-canvas-purple: #A882FF;
    }
}