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

  --accent-color:  #0693e3;
  --accent-color-light1: #54befa;
  --accent-color-light2: #b8e4fd;
}

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