/*Uses only 3 int rgb values so it can be used with rgb and rgba */
html {
    --dark-primary: 0,0,0; /*Black*/
    --dark-secondary: 40,40,40; /*Dark Gray*/
    --dark-tertiary: 90,90,90; /*Medium Dark Gray*/
    --light-primary: 255,255,255; /*White*/
    --light-secondary: 240,240,240; /*Light Gray*/
    --light-tertiary: 200,200,200; /*Medium Light*/
    --dark-theme-primary: 27,107,81; /*Dark Green*/
    --dark-theme-secondary: 69,149,104; /*Medium Dark Green*/
    --light-theme-primary: 93,180,131; /*Light Green*/
    --light-theme-secondary: 217,238,214; /*Super Light Green */
    --light-critical: 235,30,0; /*Red*/
    --dark-critical: 230,25,25; /*Dark Red*/
    --light-error: 255,179,179; /*Light Red*/
    --dark-error: 160,90,90; /*Dark Pink*/
    --light-warning: 255,246,98; /*Light Yellow*/
    --dark-warning: 220,208,0; /*Dark Yellow*/
    --light-highlight: 166,255,77; /*Light Orange*/
    --dark-highlight: 247,160,0; /*Orange*/
    --light-link: 101,179,255; /*Light Blue*/
    --dark-link: 30,144,255; /*Medium Blue*/
}

    html.DarkMode {
        --dark-primary: 255,255,255; /*White*/
        --dark-secondary: 240,240,240; /*Light Gray*/
        --dark-tertiary: 200,200,200; /*Medium Light Gray*/
        --light-primary: 40,40,40; /*Black*/
        --light-secondary: 90,90,90; /*Dark Gray*/
        --light-tertiary: 150,150,150; /*Medium Dark Gray*/
        --dark-theme-primary: 93,180,131; /*Dark Green*/
        --dark-theme-secondary: 217,238,214; /*Medium Dark Green*/
        --light-theme-primary: 27,107,81; /*Light Green*/
        --light-theme-secondary: 69,149,104; /*Super Light Green */
        --light-critical: 230,25,25; /*Red*/
        --dark-critical: 255,0,0; /*Dark Red*/
        --light-error: 160,90,90; /*Light Red*/
        --dark-error: 230,90,90; /*Dark Pink*/
        --light-warning: 220,208,0; /*Light Yellow*/
        --dark-warning: 255,246,98; /*Dark Yellow*/
        --light-highlight: 247,160,0; /*Light Orange*/
        --dark-highlight: 255,184,54; /*Orange*/
        --light-link: 30,144,255; /*Light Blue*/
        --dark-link: 101,179,255; /*Medium Blue*/
    }

.DarkForeground * {
    color: rgb(var(--dark-primary));
}

.LightForeground * {
    color: rgb(var(--light-primary));
}