/* COLORS UTILITY */

/* Text colors */

.text-white {
  color: var(--color-white);
}
.text-white-50 {
  color: var(--color-white-50);
}
.text-white-70 {
  color: var(--color-white-70);
}
.text-grey-200 {
  color: var(--color-grey-200);
}
.text-grey-400 {
  color: var(--color-grey-400);
}
.text-grey-700 {
  color: var(--color-grey-700);
}
.text-grey-800 {
  color: var(--color-grey-800);
}
.text-background {
  color: var(--color-background);
}
.text-transparent {
  color: transparent;
}
.text-brand-100 {
  color: var(--color-brand-100);
}
.text-primary-100,
.text-primary {
  color: var(--color-primary);
}


/* Background colors */

.bg-white-100,
.bg-white {
  background-color: var(--color-white, white);
}
.bg-white-05 {
  background-color: var(--color-white-05);
}
.bg-white-10 {
  background-color: var(--color-white-10);
}
.bg-white-20 {
  background-color: var(--color-white-20);
}

.bg-grey-50 {
  background-color: var(--color-grey-50);
}

.bg-grey-200 {
  background-color: var(--color-grey-200);
}
.bg-grey-800 {
  background-color: var(--color-grey-800);
}

.bg-primary-100,
.bg-primary {
  background-color: var(--color-primary);
}

.bg-black {
  background-color: var(--color-black);
}
.bg-black-50 {
  background-color: var(--color-black-50);
}
