:root.color-theme-classic {
    --theme-color-primary:              rgb(171, 204, 95);
    --theme-color-primary-vibrant:      rgb(186, 221, 102);
    --theme-color-secondary:            rgb(9, 65, 111);
    --theme-color-secondary-medium:     rgb(52, 93, 126);
    --theme-color-secondary-heavy:      rgb(11, 15, 43);
    --theme-color-tertiary:             rgb(69, 2, 120);
    --theme-color-background-general:   rgb(247, 247, 247);
    --theme-color-background-title:     rgb(237, 237, 237);
    --theme-color-background-pannel:    rgb(255,255,255);
    --theme-color-border:               rgb(217, 222, 228);
    --theme-color-text:                 rgb(74, 85, 96);
    --theme-color-text-light:           rgb(115,135,156);
    --theme-color-text-contrasted:      rgb(0,0,0);
    --theme-color-attention:            rgb(240, 112, 81);
    --theme-color-validation:           rgb(171, 204, 95);
    --theme-light-gray:                 rgb(158, 158, 158);
    --theme-lightest-gray:              rgb(222, 226, 230);
    --theme-dark-gray:                  rgb(115, 135, 156);
    --theme-medium-gray:                rgb(237,237,237);

    
}

:root.color-theme-dark {
    --theme-color-primary:              rgb(183, 183, 183);
    --theme-color-primary-vibrant:      rgb(223, 223, 223);
    --theme-color-secondary:            rgb(101, 101, 101);
    --theme-color-secondary-medium:     rgb(183, 183, 183);
    --theme-color-secondary-heavy:      rgb(48, 52, 67);
    --theme-color-tertiary:             rgb(149, 149, 149);
    --theme-color-background-general:   rgb(48, 52, 67);
    --theme-color-background-title:     rgb(32, 35, 45);
    --theme-color-background-pannel:    rgb(32, 35, 45);
    --theme-color-border:               rgb(63, 66, 78);
    --theme-color-text:                 rgb(223, 223, 223);
    --theme-color-text-light:           rgb(200,200,200);
    --theme-color-text-contrasted:      rgb(255,255,255);
    --theme-color-attention:            rgb(240, 112, 81);
    --theme-color-validation:           rgb(45, 121, 24);
    --theme-light-gray:                 rgb(158, 158, 158);
    --theme-lightest-gray:              rgb(63, 66, 78);
    --theme-dark-gray:                  rgb(115, 135, 156);
    --theme-medium-gray:                rgb(32, 35, 45);
}

:root.color-theme-colorblind {
    --theme-color-primary:              rgb(255, 0, 0);
    --theme-color-primary-vibrant:      rgb(186, 221, 102);
    --theme-color-secondary:            rgb(24, 122, 68);
    --theme-color-secondary-medium:     rgb(28, 156, 98);
    --theme-color-secondary-heavy:      rgb(11, 15, 43);
    --theme-color-tertiary:             rgb(69, 2, 120);
    --theme-color-background-general:   rgb(247, 247, 247);
    --theme-color-background-title:     rgb(237, 237, 237);
    --theme-color-background-pannel:    rgb(255,255,255);
    --theme-color-border:               rgb(217, 222, 228);
    --theme-color-text:                 rgb(74, 85, 96);
    --theme-color-text-light:           rgb(115,135,156);
    --theme-color-text-contrasted:      rgb(0,0,0);
    --theme-color-attention:            rgb(240, 112, 81);
    --theme-color-validation:           rgb(171, 204, 95);
    --theme-light-gray:                 rgb(158, 158, 158);
    --theme-lightest-gray:              rgb(222, 226, 230);
    --theme-dark-gray:                  rgb(115, 135, 156);
    --theme-medium-gray:                rgb(237,237,237);
}