:root {
  --theme1:#00AF98;
  --theme2:#8D5FA0;
  --theme3:#AF99C4;
  --theme4:#E6F4F2;
  --white:#fff;
}

/* font color */
.font_theme1{color:var(--theme1) !important}
.font_theme2{color:var(--theme2) !important}
.font_theme3{color:var(--theme3) !important}
.font_theme4{color:var(--theme4) !important}
.font_white{color:var(--white) !important}

/* border color */
.border_theme1{border-color:var(--theme1) !important}
.border_theme2{border-color:var(--theme2) !important}
.border_theme3{border-color:var(--theme3) !important}
.border_theme4{border-color:var(--theme4) !important}
.border_white{border-color:var(--white) !important}

/* background color */
.bg_theme1{background-color:var(--theme1) !important}
.bg_theme2{background-color:var(--theme2) !important}
.bg_theme3{background-color:var(--theme3) !important}
.bg_theme4{background-color:var(--theme4) !important}
.bg_white{background-color:var(--white) !important}