:root {
    --purple: #6038e8;
    --violet: #AD36FF;
    --blue: #388EE8;
    --cyan: #3DCBFF;
    --beige: #F9F6F4;
    --deep-beige: #E7DCD5;
    --vibrant-blue: #1A6CFF;
}

.three-cad-next {
    --primary: rgb(228,90,63);
    --light-primary: rgb(241,158,142);
    --dark-primary: rgb(205,81,58);
    --lightest-primary: rgb(241,205,196);
    --darkest-primary: rgb(170,78,58);
}

.default {
    --primary: rgb(0,155,58);
    --light-primary: rgb(186,198,150);
    --dark-primary: rgb(33,67,50);
    --lightest-primary: rgb(195,222,196);
    --darkest-primary: rgb(54,122,57);
}

.design-web {
    --primary: rgb(217,130,179);
    --light-primary: rgb(234,180,209);
    --dark-primary: rgb(196,117,162);
    --lightest-primary: rgb(217,234,230);
    --darkest-primary: rgb(105,150,138);
}

.eq {
    --primary: rgb(33,165,222);
    --light-primary: rgb(135,201,236);
    --dark-primary: rgb(32,149,201);
    --lightest-primary: rgb(198,226,243);
    --darkest-primary: rgb(62,131,174);
}

.innoplus {
    --primary: rgb(170,179,0);
    --light-primary: rgb(204,209,126);
    --dark-primary: rgb(153,161,6);
    --lightest-primary: rgb(228,230,191);
    --darkest-primary: rgb(138,142,45);
}

.showcase360 {
    --primary: rgb(118,201,223);
    --light-primary: rgb(175,223,236);
    --dark-primary: rgb(107,180,201);
    --lightest-primary: rgb(217,237,244);
    --darkest-primary: rgb(110,159,176);
}

.winner-bizz {
    --primary: rgb(233,119,36);
    --light-primary: rgb(243,175,130);
    --dark-primary: rgb(210,107,33);
    --lightest-primary: rgb(243,213,192);
    --darkest-primary: rgb(175,99,47);
}

.winner-design {
    --primary: rgb(243,189,72);
    --light-primary: rgb(248,215,150);
    --dark-primary: rgb(220,170,66);
    --lightest-primary: rgb(249,234,203);
    --darkest-primary: rgb(188,152,75);
}

.design-web-pro {
    --primary: rgb(113,189,171);
    --light-primary: rgb(171,215,205);
    --dark-primary: rgb(102,171,154);
    --lightest-primary: rgb(217,234,230);
    --darkest-primary: rgb(105,150,138);
}