:root{
  --main-color: #f78da7;
  --main-color-light1: #fcd4de;
  --main-color-light2: #feecf1;

  --accent-color:  #00d084;
  --accent-color-light1: #04ffa3;
  --accent-color-light2: #37ffb6;
}

.has-main-color{
  color: var(--main-color);
}

.has-main-background-color{
  background-color: var(--main-color);
}

.has-main-light-color{
  color: var(--main-color-light2);
}

.has-main-light-background-color{
  background-color: var(--main-color-light2);
}

.has-accent-color{
  color: var(--accent-color);
}

.has-accent-background-color{
  background-color: var(--accent-color);
}

.has-accent-light-color{
  color: var(--accent-color-light2);
}

.has-accent-light-background-color{
  background-color: var(--accent-color-light2);
}