:root {
    --design_body-bg: white;
    --design_body-txt: #212529;
    --design_navbar-bg: white;
    --design_navbar-txt: #212529;
    --design_color_1-bg: #292b2c;
    --design_color_1-txt: white;
    --design_btn_1-bg: #0F52BA;
    --design_btn_1-txt: white;
    --design_btn_1-bg_hover: #1367E9;
    --design_btn_1-txt_hover: black;
    --design_color_2-bg: #414141;
    --design_color_2-txt: white;
    --design_color_3-bg: #0F52BA;
    --design_color_3-txt: white;
    --design_btn_2-bg: #50C878;
    --design_btn_2-txt: black;
    --design_btn_2-bg_hover: #37AE5F;
    --design_btn_2-txt_hover: white;
    --design_btn_3-bg: #E0115F;
    --design_btn_3-txt: white;
    --design_btn_3-bg_hover: #F0347B;
    --design_btn_3-txt_hover: black;
    --design_btn_4-bg: #9B5FC0;
    --design_btn_4-txt: black;
    --design_btn_4-bg_hover: #8243A9;
    --design_btn_4-txt_hover: white;
    --design_btn_5-bg: #ffffff;
    --design_btn_5-txt: black;
    --design_btn_5-bg_hover: #E0115F;
    --design_btn_5-txt_hover: white;
}

.cs-design-body {
    background-color: var(--design_body-bg);
    color: var(--design_body-txt);
}


.cs-design-navbar {
    background-color: var(--design_navbar-bg);
    color: var(--design_navbar-txt);
}
.cs-txt-navbar {
    color: var(--design_navbar-txt);
}


.cs-design-color1 {
    background-color: var(--design_color_1-bg);
    color: var(--design_color_1-txt);
}
.cs-bg-color1 {
    background-color: var(--design_color_1-bg);
}
.cs-txt-color1 {
    color: var(--design_color_1-txt);
}


.cs-design-btn1 {
    background-color: var(--design_btn_1-bg);
    color: var(--design_btn_1-txt);
    border: 1px solid var(--design_btn_1-bg);
}
.cs-design-btn1:hover {
    background-color: var(--design_btn_1-bg_hover);
    color: var(--design_btn_1-txt_hover);
    border-color: var(--design_btn_1-bg_hover);
}


.cs-design-color2 {
    background-color: var(--design_color_2-bg);
    color: var(--design_color_2-txt);
}
.cs-bg-color2 {
    background-color: var(--design_color_2-bg);
}
.cs-txt-color2 {
    color: var(--design_color_2-txt);
}


.cs-design-color3 {
    background-color: var(--design_color_3-bg);
    color: var(--design_color_3-txt);
}
.cs-bg-color3 {
    background-color: var(--design_color_3-bg);
}
.cs-txt-color3 {
    color: var(--design_color_3-txt);
}


.cs-design-btn2 {
    background-color: var(--design_btn_2-bg);
    color: var(--design_btn_2-txt);
    border: 1px solid var(--design_btn_2-bg);
}
.cs-design-btn2:hover {
    background-color: var(--design_btn_2-bg_hover);
    color: var(--design_btn_2-txt_hover);
    border-color: var(--design_btn_2-bg_hover);
}


.cs-design-btn3 {
    background-color: var(--design_btn_3-bg);
    color: var(--design_btn_3-txt);
    border: 1px solid var(--design_btn_3-bg);
}
.cs-design-btn3:hover {
    background-color: var(--design_btn_3-bg_hover);
    color: var(--design_btn_3-txt_hover);
    border-color: var(--design_btn_3-bg_hover);
}


.cs-design-btn4 {
    background-color: var(--design_btn_4-bg);
    color: var(--design_btn_4-txt);
    border: 1px solid var(--design_btn_4-bg);
}
.cs-design-btn4:hover {
    background-color: var(--design_btn_4-bg_hover);
    color: var(--design_btn_4-txt_hover);
    border-color: var(--design_btn_4-bg_hover);
}


.cs-design-btn5 {
    background-color: var(--design_btn_5-bg);
    color: var(--design_btn_5-txt);
    border: 1px solid var(--design_btn_5-bg);
}
.cs-design-btn5:hover {
    background-color: var(--design_btn_5-bg_hover);
    color: var(--design_btn_5-txt_hover);
    border-color: var(--design_btn_5-bg_hover);
}