:root {
    --design_body-bg: #222323;
    --design_body-txt: #ffffff;
    --design_navbar-bg: #1f292f;
    --design_navbar-txt: #ffffff;
    --design_color_1-bg: #1f292f;
    --design_color_1-txt: #ffffff;
    --design_btn_1-bg: #1f292f;
    --design_btn_1-txt: #ffffff;
    --design_btn_1-bg_hover: #1f292f;
    --design_btn_1-txt_hover: #2c6184;
    --design_color_2-bg: #33444E;
    --design_color_2-txt: #ffffff;
}

.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);
}