:root{
  --violet500: #49229c;
  --violet400: #6543ac;
  --orange500: #ff9843;
  --orange100: #ffe4ce;
  --gray100: #ffffff;
  --gray150: #f3efef;
  --gray600: #606060;
  --gray900: #000000;

  --red: #FFC2C2;
}


/* COLOR Violet500 */
.colorViolet500{ color: var(--violet500); }
.hoverColorViolet500:hover{ color: var(--violet500); }
.bgColorViolet500{ background-color: var(--violet500); }
.hoverBgColorViolet500:hover{ background-color: var(--violet500); }
.borderViolet500{ border-color: var(--violet500); }
.hoverBorderViolet500:hover{ border-color: var(--violet500); }

/* COLOR Violet400 */
.colorViolet400{ color: var(--violet400); }
.hoverColorViolet400:hover{ color: var(--violet400); }
.bgColorViolet400{ background-color: var(--violet400); }
.hoverBgColorViolet400:hover{ background-color: var(--violet400); }
.borderViolet400{ border-color: var(--violet400); }
.hoverBorderViolet400:hover{ border-color: var(--violet400); }

/* COLOR Orange500 */
.colorOrange500{ color: var(--orange500); }
.hoverColorOrange500:hover{ color: var(--orange500); }
.bgColorOrange500{ background-color: var(--orange500); }
.hoverBgColorOrange500:hover{ background-color: var(--orange500); }
.borderOrange500{ border-color: var(--orange500); }
.hoverBorderOrange500:hover{ border-color: var(--orange500); }

/* COLOR Orange100 */
.colorOrange100{ color: var(--orange100); }
.hoverColorOrange100:hover{ color: var(--orange100); }
.bgColorOrange100{ background-color: var(--orange100); }
.hoverBgColorOrange100:hover{ background-color: var(--orange100); }
.borderOrange100{ border-color: var(--orange100); }
.hoverBorderOrange100:hover{ border-color: var(--orange100); }

/* COLOR Gray100 */
.colorGray100{ color: var(--gray100); }
.hoverColorGray100:hover{ color: var(--gray100); }
.bgColorGray100{ background-color: var(--gray100); }
.hoverBgColorGray100:hover{ background-color: var(--gray100); }
.borderGray100{ border-color: var(--gray100); }
.hoverBorderGray100:hover{ border-color: var(--gray100); }

/* COLOR Gray150 */
.colorGray150{ color: var(--gray150); }
.hoverColorGray150:hover{ color: var(--gray150); }
.bgColorGray150{ background-color: var(--gray150); }
.hoverBgColorGray150:hover{ background-color: var(--gray150); }
.borderGray150{ border-color: var(--gray150); }
.hoverBorderGray150:hover{ border-color: var(--gray150); }

/* COLOR Gray600 */
.colorGray600{ color: var(--gray600); }
.hoverColorGray600:hover{ color: var(--gray600); }
.bgColorGray600{ background-color: var(--gray600); }
.hoverBgColorGray600:hover{ background-color: var(--gray600); }
.borderGray600{ border-color: var(--gray600); }
.hoverBorderGray600:hover{ border-color: var(--gray600); }

/* COLOR Gray900 */
.colorGray900{ color: var(--gray900); }
.hoverColorGray900:hover{ color: var(--gray900); }
.bgColorGray900{ background-color: var(--gray900); }
.hoverBgColorGray900:hover{ background-color: var(--gray900); }
.borderGray900{ border-color: var(--gray900); }
.hoverBorderGray900:hover{ border-color: var(--gray900); }