/* Padre, en donde se declaran tres variables y se usa una de ellas */
.padre{
  --myColor: #EB586F;
  --myColor2: #000;
  --myPadding: 0.5rem;
  padding: var(--myPadding);
}

/* Hijo que accede a una de esas variables */
.hijo{
  background: var(--myColor);
  width: 200px;
  height: 100px;
  padding: 0.5rem;
}

/* Párrafo que accede a dos de esas variables */
.parrafo{
  color: var(--myColor2);
  padding: var(--myPadding);
  text-align: center;
  font-size: 32px;
}