:root{
  --main-color: #ffc0cb;
  --main-color-light1: #ffd9e0;
  --main-color-light2: #fff3f5;

  --accent-color:  #0489df;
  --accent-color-light1: #7fcbfd;
  --accent-color-light2: #caeafe;
}

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